请老师检查,谢谢!

来源:4-3 编程练习

晓舟

2019-02-26 18:26:09

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

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

           span{font-size:12px; color:red;text-decoration:underline;vertical-align: middle;}

           img{vertical-align: middle;}

           

        </style>

    </head>

    <body>

        <p><img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" />CSS层叠样式表<span>(Cascading Style Sheets)</span></p>

    </body>

</html>


写回答

1回答

好帮手慕夭夭

2019-02-26

你好同学  ,中间的文字没有设置垂直居中对齐 , 所以实际上红色的英文内容并没有和它垂直居中对齐

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

如下调整:

为中间文字嵌套一个span  ,并调整样式  ,红色英文字体大一些显示更好看

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

祝学习愉快 ,望采纳 .

0

0 学习 · 36712 问题

查看课程