tft每日頭條

 > 生活

 > 前端文字布局

前端文字布局

生活 更新时间:2024-11-26 09:55:05

點擊上方藍字關注“小鄭搞碼事”,每天都能學到知識,搞懂一個問題!

說到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(規定文本中間将顯示一條線)等等。

兼容性:看下面圖吧

前端文字布局(前端修飾文本使用text-decoration時)1

咋一看,也還可以,firefox和Chrome,safari都還蠻好的。

就是按着上面概念,将text-decoration分三個屬性來寫。看一下展示結果:

前端文字布局(前端修飾文本使用text-decoration時)2

沒有出乎意料之外,完畢了。接下來在總結裡說兩個使用時的注意事項。

簡單總結一下:

注意幾個問題:

1、從概念上看,這個屬性是用于文本修飾,如P,h1~h4等,不僅是A元素。

2、這三種屬性可以簡寫,如:text-decoration: underline red solid。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved