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

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

整個看起來就會很突兀

所以就要從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(圖片網址);

來做修改

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

 

 

arrow
arrow
    全站熱搜

    Aldrich 發表在 痞客邦 留言(0) 人氣()