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>

我实现的效果:http://img.mukewang.com/climg/59fa7d750001ad0a13290218.jpg

要实现的效果:http://img.mukewang.com/climg/59fa7da000014e1412630186.jpg

写回答

1回答

好帮手慕糖

2017-11-02

你好,如下图,这里的one不是img下面的哟,另选择器修改之后,这里需要添加vertical-align:middle;属性哟。

http://img.mukewang.com/climg/59fa870d0001081c04880157.jpg

祝学习愉快~

0

0 学习 · 36712 问题

查看课程