使用CSS修飾標題欄可以讓網站看起來更加美觀、整潔、易讀,為網站增加不少的分數。下面分享一些CSS修飾標題欄的技巧:
1.改變字體和顏色
可以使用CSS的font-family屬性改變標題欄字體,color屬性改變字體顏色,如下所示:
p{ font-family:'Arial' color:#333; }2.改變背景顏色 使用CSS的background-color屬性可以改變標題欄的背景顏色,如下所示:
p{ background-color:#f5f5f5; }3.添加邊框 使用CSS的border屬性添加標題欄邊框,如下所示:
p{ border:1px solid #ccc; }4.改變字體大小和字體樣式 使用CSS的font-size屬性可以改變標題欄的字體大小,如下所示:
p{ font-size:18px; }同時,可以使用CSS的font-weight屬性改變字體的粗細,如下所示:
p{ font-weight:bold; }5.修改文本對齊方式 可以使用CSS的text-align屬性改變標題欄文本的對齊方式,如下所示:
p{ text-align:center; }使用這些CSS技巧可以讓標題欄更加美觀整潔,在網站設計中起到不可忽視的作用。
上一篇怎樣用css做折線圖表