文字排版--下划线

文字排版--下划线

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

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;}
span {
    text-decoration:underline;
}
</style>
</head>

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

 

posted on 2019-08-29 23:13  iBoundary  阅读(241)  评论(0)  编辑  收藏  举报

导航