首先打開CSS樣版圖,可以看到相關Header的CSS標示為:
- #header
- #title
- .description
目標1:更改Header高度、顏色和背景:
#header{margin : 5px;
height : 120px;
background-color : #FFFFFF;
}
i. 以上的CSS中Header的高度為120px, 這個數字可自由調整。如:height: 150px;
ii. 如要更改Header顏色,如之前更改背景一樣,可修改顏色碼。如:background-color: #00FF00; (綠色)
iii. 如果更改Header圖像,如之前更改背景一樣,可使用background-image。如:
#header{margin : 5px;
height : 120px;
background-image: url(http://csstyle.mysinablog.com/resserver.php?resource=132206-header.gif);
}
目標2:更改Title字型、顏色:
#title{padding : 0px 20px 0px 20px;
position : relative;
top : 30%;
text-align : left;
font : bold 25px arial, sans-serif;
}
i. 要調整Title字型大小、font-size, 可修改:font : bold 25px arial, sans-serif;。如,改為:font : normal 15px times;
ii. 如要修改Title相對Header的水平位置,可改top的百份比。
目標3:更改Title顏色:
#title a{color : #232323;
#title a:hover{
text-decoration : none;
}color : #000000;
text-decoration : none;
}
i. 修改Title連結顏色,可改#title a內的color屬性。
ii. 修改Title連結在滑鼠經過時的顏色,可改#title a:hover內的color屬性。
目標4:更改網誌描述字型、顏色:
.description{
font : 15px arial, sans-serif;
color : #666666;
line-height : 1.5;
}
i. 修改網誌描述字型,可改font這個屬性。
ii. 修改網誌描述顏色,可改color屬性。
如想知更多關於字型的CSS設定,可到這裡。
下次再會﹗
註:關於這篇文章的內容上的問題,請留言發問。
至於其他的CSS問題,可在這裡問。


