4-3编程练习问题
来源:4-3 编程练习
慕运维3752689
2017-11-02 10:06:45
老师帮我看看如何实现4-3编程的练习效果,我的代码有什么问题吗?我的代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>基础表单</title>
<style type="text/css">
div{text-align:center;background-color:#eee;font-size:2em;line-height:5em;}
img{vertical-align:middle;}
img.one{font-size:200%;}
.two{vertical-align:middle;color:red;text-decoration:underline;}
</style>
</head>
<body>
<div>
<img src=" http://climg.mukewang.com/59c21bae000157fa01000059.jpg"/>
<span class="one">CSS层叠样式表</span><span class
="two">(Cascading Style Sheets)</span>
</div>
</body>
</html>
我实现的效果:
要实现的效果:
1回答
好帮手慕糖
2017-11-02
你好,如下图,这里的one不是img下面的哟,另选择器修改之后,这里需要添加vertical-align:middle;属性哟。
祝学习愉快~
相似问题