请教老师为什么我的下划线断开了?哪里写错了请指正

来源:4-3 编程练习

南方记忆

2019-05-25 17:06:36

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
            p{background-color: #eee;font-size: 2em;line-height: 5em;text-align: center}
            img span{vertical-align: middle;}
            .one{font-size: 2em}
            .two{color: red;vertical-align: top;text-decoration: underline;text-transform: capitalize;}
        </style>
    </head>
    <body>
        <p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"><span class="one">CSS
        层叠样式表</span><span class="two">(caseading style sheets)</span></p>
    </body>
</html>

http://img.mukewang.com/climg/5ce9058d0001030919120319.jpg

写回答

1回答

好帮手慕夭夭

2019-05-25

你好同学,下划线断开没有关系,不是代码问题,这是浏览器自身解析的不同哦。另外,代码没有实现几个元素垂直对齐的效果,

http://img.mukewang.com/climg/5ce90c7f0001d94310300121.jpg

这是因为代码中选择器设置的不对,如下修改:

http://img.mukewang.com/climg/5ce90d100001406905620399.jpg

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程