4-3编程练习,代码对吗?
来源:4-3 编程练习
从前慢_5
2018-09-01 23:56:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
p{
background-color:#eee;
font-size:2em;
height: 500%;
line-height:500%;
text-align: center;
}
.one{
font-size:2em;
vertical-align:middle;
}
.two{
color:red;
text-decoration:underline;
vertical-align:middle;
}
.three{
vertical-align:-15%;
}
</style>
</head>
<body>
<!--写出html代码-->
<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>
1回答
好帮手慕星星
2018-09-02
图片外面不需要使用span标签来包裹,直接设置img图片垂直居中即可,参考:
自己测试下,祝学习愉快~~
相似问题