1.有兩個位置可以放圖片,第一個是/*文章標題列*/ .title{ },第二個是/*文章標題名稱*/ span.titlename{ },通常我在文章標題列放的是底圖,而文章標題名稱放的是標題前的小圖。
2.放好圖片後可以調整圖片的位置,小圖和底圖可以重疊也可以不要,如果不要重疊的話,加個padding-left 這是設定底圖開始的位置。我放上我的語法來作說明。
/*文章標題列*/
.title{
width:100%;
height:45px; ←標題列的高度,設成和圖片一樣,這樣圖片才不會被截掉!
background-image:url(http://e.blog.xuite.net/e6/e2/12304732/blog_22501/txt/4713116/27.jpg);
background-repeat:no-repeat; ←因為我的底圖已經很寬了,所以我設成不重複,如果你的底圖是單一圖片的話也可以設成重複repeat。
padding-top:5px;
background-position:35px 5px; ←這裡是設定圖片的起始位置,35px是和左邊的距離,設成和小圖的寬度一樣就可以從小圖結束後再出現底圖,5px是和上邊的距離,可以依照你的需要而設定,如果不要就打0px。
}
/*文章標題名稱*/
span.titlename{
font-size:16px;
color:#894040;
background-image:url(http://e.blog.xuite.net/e6/e2/12304732/blog_22501/txt/4713116/13.jpg);
background-repeat:no-repeat; ←小圖不重複
background-position:left; ←這是圖片放置的位置,我設在左邊
font-weight:bold; ←文章標題字的粗細
height:35px;
padding-top:10px; ←標題名稱與上邊的距離
padding-left:35px; ←標題名稱與左邊的距離,與圖片寬度相同
}
補充說明:放的底圖可以 .jpg 也可以 .gif
引用 http://blog.xuite.net/mikako1979/01/4881664





