下划线断断续续

来源：4-3 编程练习

饭勺超人

2018-03-04 02:17:19

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>样式表</title>
        <style type="text/css">
           /*写出CSS样式*/
           p{
               text-align:center;
               line-height: 5em;
               background-color: #eee;
               font-size: 2em;
           }
           img{
               vertical-align: middle;
           }
           .one{
              font-size: 2em;
              
           }
           .two{
              vertical-align: middle;
              color:#f00;
              text-decoration: underline;
           }
        </style>
    </head>
    <body>
          <!--写出html代码-->
          <p>
              <img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg">
              <span class="one">CSS层叠样式表</span>
              <span class="two">(Cascading Style Sheets)</span>
           </p>
    </body>
</html>