替網頁文字加上底線－CSS的text-decoration屬性

在網頁的文字內容上有時需要劃線以標示重點等等，

可以使用html的 < u > 標籤，

或是CSS的text-decoration屬性。

不過用CSS表現的變化會比較多，

以下介紹此兩種範例：

範例：

若是覺得底線與文字過於接近，

則是可以使用border-bottom或是box-shadow，

搭配padding-bottom來設定文字與底線的距離。

在底線的呈現上兩者並無太大區別。

兩者的差異在於box-shadow生成的底線不會對排版造成影響，

而border-bottom則因為會增加文字的尺寸，可能會影響元素的排列。

範例：