帶背景的HTML div

我正在製作一個網站（雖然我對Photoshop的HTML &一無所知）。對我來說這是一個很大的挑戰，我對目前爲止所獲得的結果感到非常滿意。帶背景的HTML div

現在我想在網站上製作盒子/浮動方塊。

，所以我想用股利這樣做，但我不知道如何：@

<div id="div1" style="background-image: url(../bg_content_middle.png);height: 129px"> 
HELLO IS THIS A BOX? 
</div>

我在style.css中有這樣的：

#div1 {Background: url("bg_content_middle.png");}

bg_content_middle.png是一個1像素高的「酒吧」，我想要頂部和底部之間。和多數民衆甚至沒有工作:(

請幫我

來源

2011-07-28 krtek

-1

您需要設置位置：在你的CSS絕對在那裏，您可以用頂部，左側和高度的位置和大小的標籤

來源

2011-07-28 00:42:25 tam

你混合內聯CSS和外部CSS規則。與../bg_content_middle.png的內嵌樣式是壓倒一切的bg_content_middle.png其他背景圖像的URL。你只需要一次定義它。

在這種情況下，你可以走了純CSS解決方案：

<div id="div1">HELLO I AM A BOX ^_^</div> 

#div1 { 
background-color: #900; 
border: #f33 1px solid; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
}

請不要號碼您div小號雖然，叫他們像有關的東西<div id="content">。

希望幫助

來源

2011-07-28 00:42:29 Tak

是的，我用div1作爲例子（我更喜歡使用荷蘭名稱>。<）沒有現實主義認爲把它放在兩個都會使它不顯示。關於如何添加頂部和底部圖像的任何想法？（對於軟角等） – krtek

使用spiffybox - http://spiffybox.com/ –

1）請在B背景小寫
2）在同一目錄中的style.css的形象呢？如果沒有，你必須鏈接到正確的目錄。

來源

2011-07-28 00:43:02

好吧，如果你希望你的DIV有一個底色，你可以有這個例子簡單的東西從this教程：

<body> 
<div style="background: green"> 
<h5 >SEARCH LINKS</h5> 
<a target="_blank" href="http://www.google.com">Google</a> 
</div> 
</body>

來源

2011-07-28 00:43:31 alexakarpov

首先，你只需要定義一次這種特殊的風格，但內聯樣式（標籤的<style>屬性中的樣式）優先。在這種情況下，您應該刪除內聯樣式，因爲它是多餘的，並仔細檢查您的圖像路徑以防萬一。請記住，css路徑可以是文檔相對的，在這種情況下，它們指的是css文件的位置，而不是相對於HTML頁面。

如果它是一個像素高，您可能也想要設置重複屬性。把它放在元素的CSS中：

background-repeat: repeat-y;

並設置一個等於圖像寬度的寬度。

來源

2011-07-28 01:03:09 Iterate

帶背景的HTML div

回答

相關問題