text-decoration與color屬性

簡_矩_風發表於2019-02-16

text-decoration屬性值

如果指定某個標籤的text-decoration屬性時,希望為其新增多個樣式(比如:上劃線、下劃線、刪除線),那麼需要把所有的值合併到一個規則中才會生效

p{
     text-decoration: underline overline line-through;
}

如果將這行值分開寫,那麼在生效時會根據就近原則,選取最後一個text-decoration樣式生效

p{
     text-decoration: underline;
     text-decoration: overline;
}

刪除線

實際在使用刪除線時,不太推薦採用text-decoration來指定樣式,而更推薦使用標籤,用以標記要刪除的內容。而它常常會與<ins></ins>標籤(用來表示要插入的內容)配合使用

color屬性

color屬性實際控制了一個元素的前景色,包含了文字顏色和邊框顏色一起,下面css程式碼可以看到邊框顏色實際也由color一併控制了。

p{
    color: red;
    border: 1px solid;
}

不過除了color,也可以額外增加border-color屬性來專門指定邊框的顏色

相關文章