请老师检查,还有感觉下划线有点奇怪
来源:4-3 编程练习
简单取个名字
2018-07-24 18:28:58
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
div{
text-align:center;
background:#eee;
font-size:2em;
line-height:5em;
}
img{vertical-align:-4px;}
.one{font-size:2em;}
.two{
vertical-align:8px;
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<div>
<img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/> <span class="one">CSS层叠样式表</span><span class="two">(Cascading Style Sheets)</span>
</div>
</body>
</html>
1回答
这个是正常现象,如果想要实现下划线不断掉的效果,可以使用border-bottom来实现
希望可以帮到你!
相似问题