html运行实例（cssref_text-decoration-style）-搜寻教程库

代码示例：（标识：cssref_text-decoration-style）

<!DOCTYPE html>
<html>
<head>
<style>
div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}

div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}
</style>
</head>
<body>

<h1>text-decoration-style 属性</h1>

<div class="a">This is some text with a solid underline.</div>
<br>

<div class="b">This is some text with a wavy underline.</div>
<br>

<div class="c">This is some text with a double underline.</div>
<br>

<div class="d">This is some text with a wavy over- and underline.</div>

<p><b>注释：</b>版本 79 之前的 Edge 不支持 text-decoration-line 属性。</p>

</body>
</html>