老师帮忙看一下,总感觉哪里不对

老师帮忙看一下,总感觉哪里不对

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

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

           img{vertical-align:middle;}

           .f1{font-size:2em;}

           .f2{vertical-align:middle;color:red;border-bottom:2px solid ;}

        </style>

    </head>

    <body>

          <!--写出html代码-->

          <div>

          <img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"/>

          <span class="f1">CSS层叠样式表</span>

          <span class="f2">Cascading Style Sheets</span>

          </div>

    </body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你的效果离成功只差一步了,看的出来你是很努力的在实现效果,我把你的修改了一下,你参考一下:

http://img1.sycdn.imooc.com//climg/5b4eaf300001918011250941.jpg

如果帮助到了你,欢迎采纳。


妮可妮可妮_ 2018-07-18 11:01:12
  1.  单词的字体有下划线需要设置text-decoration: underline;

  2. 建议在f1处也设置vertical-align: middle;

  • 提问者 慕莱坞4429026 #1
    字体下划线,之前试过text-decoration: underline;,但是效果是下滑线有点穿过了英文字母的底部,所以参照了其他人的案例更改成了边框
    2018-07-18 19:55:41
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师