老师请检查!为什么我的下划线中间会断开?

来源:4-3 编程练习

人间第一流

2019-09-24 17:04:49

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

         div{background:#eee;font-size:2em;text-align:center;line-height:5em;}

         .s2{color:red;tvertical-align:middle;text-decoration:underline;text-transform: capitalize;}

         img{vertical-align:middle;}

         .s1{font-size:200%;vertical-align:middle;}/*写出CSS样式*/

        </style>

    </head>

    <body>

          <div><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"><span class="s1">CSS层叠样式表</span>&nbsp;<span class="s2">(cascadings ctyle cheets)</span> </div><!--写出html代码-->

    </body>

</html>

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

写回答

1回答

好帮手慕星星

2019-09-24

同学你好,

1、s2元素的垂直居中属性单词写错了,修改:

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

2、下划线断开是浏览器显示的问题,可以使用火狐浏览器测试下:

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

祝学习愉快!

0

0 学习 · 40143 问题

查看课程