有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现：
p a{text-decoration:underline;}<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>
练习
新建示例页面demo.html，示例代码如下
我也来试试，为第一段中的“三年级”文字设置为下划线样式
1、在示例页面代码中的第14行插入下面span标签代码：
<span>三年级</span>
2、在示例页面代码中的第10行输入下面代码：
span{text-decoration:underline;}示例代码
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>下划线样式</title>
<style type="text/css">
a {
text-decoration:underline;
}
</style>
</head>
<body>
<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>
</body>
</html>
此文章本站原创，地址 https://www.vxzsk.com/1352.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程