在每篇文章的主題後面應該都有一張圖片作為它的底圖
若本來的圖片與整個主題不相配的話
整個看起來就會很突兀
所以就要從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(圖片網址);
來做修改
只要將圖片網址輸入即可~
全站熱搜