4-3练习
来源：4-3 编程练习
Yuri沫
2018-12-17 14:07:56
老师，我的效果好像和要求的不一样，是哪里写的不对吗？但是我看任务里也没有要求设置字体
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{
text-align:center;
background-color: #eee;
font-size: 2em;
line-height: 5em;
}
img{vertical-align: middle;}
.title{vertical-align: middle;font-size: 2em;}
.words{
vertical-align: middle;
color:red;
text-decoration: underline;
}
</style>
</head>
<body>
<div>
<img src=" http://climg.mukewang.com/59c21bae000157fa01000059.jpg" />
<span class="title">CSS层叠样式表</span>
<span class="words">(Cascading Style Sheets)</span>
</div>
</body>
</html>
1回答
-
你好同学 , 经过测试 ,效果是可以的 .本题主要考察vertical-align: middle;的使用 , 不同浏览器解析的文字效果可能会有一些差异 ,这个是没有关系的 . 继续加油 , 祝学习愉快 !
0
