2010年3月15日 星期一

【css】更改文章標題列title的圖片

在每篇文章的主題後面應該都有一張圖片作為它的底圖


若本來的圖片與整個主題不相配的話


整個看起來就會很突兀


所以就要從css中修改它啦~


一般文章標題列title的css應該是像這樣


/*文章標題列*/
.title{
    position: relative;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url(圖片網址);
}


語法解說:


position: relative; 是指讓此元件以一般網頁排列
方式決定位置後 再以此點為相對座標定位


width: 100% 使用原始圖片100%寬度


height: 50px;圖高


background-repeat: no-repeat; 圖片不重複貼 單貼一張


background-image: url(圖片網址); 定義圖片及設定要顯示的圖片網址




要更改圖片當然就是從


background-image: url(圖片網址);


來做修改


只要將圖片網址輸入即可~


 


 


沒有留言:

張貼留言