css修饰文本下划线

示例

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<a href="www.baidu.com">This is a hyper link</a>
<br>
<a href="www.baidu.com" class="noLine">This is a hyper link</a>

样式

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
a.noLine {text-decoration:none;}

overline: 上方，line-through：贯穿，underline下划线，none：无效果。

效果

修改下划线的颜色、样式

示例

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>

样式

h1 {
  text-decoration: underline dotted red;
}

h2 {
  text-decoration: underline wavy blue;
}

 dotted表示点状线，wavy表示波浪线，也可以指定颜色。

效果