帮助检查下,还有就是这个的下划线为什么是分割的
来源:4-3 编程练习
qq_久坠深海_0
2020-02-26 22:44:57
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
div{height:160px; background-color:#eee;text-align:center;}
img{vertical-align: middle }
.one{font-size:32px;vertical-align: middle}
.two{line-height:160px; vertical-align: middle; color:red;;text-transform:capitalize;text-decoration:underline}
</style>
</head>
<body>
<div>
<img src=" http://climg.mukewang.com/59c21bae000157fa01000059.jpg" />
<span class="one">css层叠样式表</span>
<span class="two">(cascadingstylesheets)</span>
</div>
</body>
</html>
1回答
好帮手慕糖
2020-02-27
同学你好,实现效果没有问题。
字母下划线分割这个是浏览器解析的问题,这个没有影响的。如下,可以换IE浏览器测试下。是没有断开的。例:
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题