论坛

标题: 为什么我的海报图片显示不出差啊 [打印本页]

作者: 章素徐霄华 时间: 2017-11-15 12:53
标题: 为什么我的海报图片显示不出差啊
<title>海华锻造公司首页</title>
<link rel="stylesheet"  href="CSS/style.css"/>
</head>

<body>

<div class="header">
<a href="#" class="logo">
   <img src="images/logo1.png" alt="海华锻造有限公司logo"/>
   </a>
   <div class="tel"><img src="images/tel.png" alt="海华锻造有限公司电话"/></div>
</div>

<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">公司简介</a></li>
<li><a href="#">资质荣誉</a></li>
<li><a href="#">锻造设别</a></li>
<li><a href="#">加工设备</a></li>
<li><a href="#">检测设备</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">销售网络</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#" style="background:none">在线留言</a></li>
  </ul>
</div>


<a href="#" class="banner"></a>

css
*{padding:0;margin:0;}
body{font-family:"微软雅黑", "黑体", "宋体"}
ul{list-style:none;}
a{text-decoration:none;}

/*头部*/
.header{height:100px;width:1000px; ;margin:0 auto;}
.header .logo{float:left;margin-top:21px;}
.header .tel{float:right;margin-top:29px;}
/*导航条*/
.nav{height:40px;width:1000px; margin:0 auto;}
.nav  li{float:left;}
.nav li a{display:block; line-height:40px; font-size:14px; padding:0 18px;}
.nav li a{color:rgba(128,124,125,1.00);border-top:1px solid rgba(167,159,159,1.00);background:url(../images/shutiao.png) no-repeat right center;}
.nav li a:hover{color:rgb(244,144,49);border-top:2px solid rgba(244,154,53,1.00);line-height:38px;}
/*海报*/
.banner{height:440px;width:100%;background:url(../images/banner.jpg) no-repent center top;display:blok; }

作者: 潜意式 时间: 2017-11-15 17:47
不显示的话，可能是路径不正确，检查images文件夹中是否有banner.jpg这个图，然后检查下属性的拼写错误，比如no-repeat

欢迎光临论坛 (http://bbs.qinxue.com/)