菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<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">这里使用了下划线。</div>
<br>

<div class="b">这里使用了波浪线。</div>
<br>

<div class="c">这里使用了两个下划线。</div>
<br>

<div class="d">这是一些带有波浪上划线和下划线的文本。</div>

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

</body>
</html>
              