快捷导航
发新帖
返回列表
<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; }


举报 使用道具
| 回复

共1个回复 最后回复于 2017-11-15 17:47

勤币 18146   学币 398  
沙发
发表于 2017-11-15 17:47:30 | 只看该作者
不显示的话,可能是路径不正确,检查images文件夹中是否有banner.jpg这个图,然后检查下属性的拼写错误,比如no-repeat
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表