为什么下划线是这个样子?
来源:4-3 编程练习
慕粉1469424710
2020-05-13 12:22:13
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
p{text-align:center;background-color:#eee;font-size:2em;line-height:5em;}
img{vertical-align:middle;}
.one{font-size:2em;vertical-align:middle;}
.two{color:red;vertical-align:middle;text-decoration:underline;}
</style>
</head>
<body>
<p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"> <span class="one">CSS层叠样式表</span> <span class="two">(Cascading Style Sheets)</span></p>
</body>
</html>
1回答
好帮手慕小鱼
2020-05-13
同学你好,不同的浏览器解析,下划线的显示效果会有差异。同学的代码没有问题,效果是正确的哦。继续加油,祝学习愉快~
相似问题