說起CSS文本邊框屬性,它其實是很常用的一個CSS樣式。哪些屬性可以用于文本邊框呢?下面讓我們一起來看看:
text-border-style:設置文本的邊框樣式; text-border-color:設置文本的邊框顏色; text-border-width:設置文本的邊框寬度;
下面,我們來演示一下這些屬性的使用,代碼如下:
p{ text-border-style: dotted; text-border-color: red; text-border-width: 2px; }
運用以上代碼設置了段落的文本邊框樣式為點線形狀,邊框顏色為紅色,邊框寬度為2像素。
用過CSS的同學可能就發現,這些屬性的使用方法和“border”屬性非常類似。事實上,“text-border”屬性是CSS3新增的,將以前只能作用于邊框的“border”屬性擴展到了文本上。
需要注意的是,目前多數瀏覽器并不支持“text-border”屬性,如果要實現文本邊框效果,還是需要用“border”屬性進行處理。不過,等到兼容性更好的時候,“text-border”屬性也會成為前端開發者常用到的屬性之一。
上一篇css+偽元素+圓點
下一篇css+tab標簽頁