为什么logo显示的那么小

为什么logo显示的那么小

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

*{

margin: 0;

padding:0;

}

/*此处写代码*/

      .top{

       width: 100%;

       height: 200px;

       background-color: red;

             }

     .log{

      width: 220px;

height: 85px;

padding-left: 100px;

padding-top: 8px;

text-align: center;

     }

</style>

</head>

<body>

<head>

<div class="top">

<div class="logo">

<img src="http://img1.sycdn.imooc.com/climg//595dd5120001736902000080.png"/>

</div>

<div class="nav">

         <ul >

          <li class="one">前端</li>

          <li class="one">后端</li>

          <li class="one">移动端</li>

          <li class="one">数据库</li>

         

         </ul>

</div>

</div>

</head>

</body>

</html>


正在回答 回答被采纳积分+1

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

1回答
好帮手慕阿满 2018-12-13 10:51:38

同学你好,logo图片原本的大小为200x80px,没有设置自然还是原来的大小。如果想设置logo的大小,可以在引入图片时设置,如:

<img src="http://img1.sycdn.imooc.com/climg//595dd5120001736902000080.png" style="width: 300px;height: 150px" />

另外同学在给logo设置样式时,将.logo写为.log,少了一个o,需要修改一下。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快!

  • 提问者 1qazwsx #1
    .log{ width: 220px; height: 85px; padding-left: 100px; padding-top: 8px; text-align: center; } 我在这边如果把logo写对 那么长宽是不是按照 220 和80 px显示
    2018-12-13 19:55:37
  • chrismorgen 回复 提问者 1qazwsx #2
    是的同学,logo图片会按照你设置的宽高显示,祝学习愉快~
    2018-12-14 11:09:24
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

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

在线咨询

领取优惠

免费试听

领取大纲

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