请老师检查一下
来源:4-3 编程练习
慕函数4234673
2019-10-30 15:14:58
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
p{text-align: center;
background-color: #eee;
font-size:32px;
line-height:80px;}
.one{font-size:64px;}
.two{color: red;
text-decoration: underline;
vertical-align:middle;
text-transform: capitalize;}
.three{vertical-align:middle;}
</style>
</head>
<body>
<P><span class="three"><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"></span> <span class="one">CSS层叠样式表</span> <span class="two">(cascading style sheets)</span></P>
</body>
</html>
3回答
好帮手慕言
2019-10-30
同学你好,同学没显示,有可能是单词或者其他地方书写错误,可以再排查一下哦,如果不能解决,可以把同学修改的代码粘贴上来,老师帮助排查
下划线有断续是浏览器的问题,建议同学使用火狐来测试,
祝学习愉快~
慕函数4234673
提问者
2019-10-30
我也设置了单词居中,但没显示,还有为啥展示的效果下滑线有断续
好帮手慕言
2019-10-30
同学你好,单词也是相对于“CSS层叠样式表”居中显示,这个效果没有实现哦。
同学的效果如下:
建议:给单词设置vertical-align: middle;
代码参考:
祝学习愉快~
相似问题