老师帮忙看下代码对吗 有需要改进的 吗
来源：4-3 编程练习
T9FernandoTorres
2019-12-11 10:13:31
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{text-align:center;font-size:2em;line-height:5em;
color:gray;}
img{line-height: 5em;text-align: center;}
span{font-size: 2em;}
.one{color:red;text-decoration: underline;line-height: 2em;text-align: center;}
</style>
</head>
<body>
<!--写出html代码-->
<div>
<p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg">
<span>CSS层叠样式表</span><span class="one">(Cascading Style Sheets)</span></p>
</div>
</body>
</html>
1回答
-
同学你好，对于你的代码中的问题解答如下：
如下，整体需要设置背景颜色
建议修改：
图片不需要设置行高和text-align属性，添加vertical-align属性，实现垂直居
span元素也添加vertical-align属性，实现垂直居中
英文添加vertical-align属性，实现垂直居中，适当减少字体大小，效果实现会更好
修改后效果图：
如果帮助到了你，欢迎采纳，祝学习愉快~
1
相似问题