请老师检查,谢谢!
来源:4-3 编程练习
晓舟
2019-02-26 18:26:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
p{font-size:2em; text-align:center; background-color:#eee;line-height: 5em;}
span{font-size:12px; color:red;text-decoration:underline;vertical-align: middle;}
img{vertical-align: middle;}
</style>
</head>
<body>
<p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" />CSS层叠样式表<span>(Cascading Style Sheets)</span></p>
</body>
</html>
1回答
你好同学 ,中间的文字没有设置垂直居中对齐 , 所以实际上红色的英文内容并没有和它垂直居中对齐
如下调整:
为中间文字嵌套一个span ,并调整样式 ,红色英文字体大一些显示更好看
祝学习愉快 ,望采纳 .
相似问题