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