老师,我下划线怎么是断开的呀。。代码错了吗?老师帮忙看看

来源:4-3 编程练习

郭永青

2019-12-13 21:43:21

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>2-4-3练习</title>

    <style type="text/css">

    p{text-align: center;

    background-color: #eee;

    font-size: 2em;

    line-height: 5em;

    }

    img{vertical-align: middle;}

    .one{

        font-size: 2em;

        vertical-align: middle;

    }

    .two{

        vertical-align: middle;

        color:red;

        text-transform: capitalize;

        text-decoration: underline;

    }



    

    </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>


写回答

1回答

好帮手慕糖

2019-12-14

同学你好,字母下划线这个是浏览器解析的问题,这个没有影响的。

如下,可以换IE浏览器测试下。是没有断开的。例:

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

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程