< > 10-5 文字排版--下划线

文字排版--下划线

有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现：

p a{text-decoration:underline;}

<p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>下划线样式</title>
<style type="text/css">
a {
    text-decoration:underline;    
}
p span{text-decoration:underline;}
</style>
</head>

<body>
<p><span>三年级</span>时，我还是一个<a>胆小如鼠</a>的小女孩。</p> 
</body>
</html>

结果：

三年级时，我还是一个胆小如鼠的小女孩。

posted @ 2017-10-16 19:30  罪恩徒斯  阅读(88)  评论(0)    收藏  举报