點擊上方藍字關注“小鄭搞碼事”,每天都能學到知識,搞懂一個問題!
說到text-decoration,用的最多的地方,可能就是a标簽了,用來将a标簽文本的下劃線去掉,我們通常設置:
a{text-decoration:none}
有沒有很熟悉的樣子,然而text-decoration其實是三個屬性的縮寫,如下所示:
text-decoration-line
text-decoration-color
text-decoration-style
非常有意思,下面我帶大家來一一看一下:
一、看一下用法1、text-decoration-line
定義:用來規定文本修飾要使用的線條類型。
取值:大概就是:none,underline,line-through(規定文本中間将顯示一條線)等等。
兼容性:看下面圖吧
咋一看,也還可以,firefox和Chrome,safari都還蠻好的。
就是按着上面概念,将text-decoration分三個屬性來寫。看一下展示結果:
沒有出乎意料之外,完畢了。接下來在總結裡說兩個使用時的注意事項。
簡單總結一下:
注意幾個問題:
1、從概念上看,這個屬性是用于文本修飾,如P,h1~h4等,不僅是A元素。
2、這三種屬性可以簡寫,如:text-decoration: underline red solid。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!