论坛

标题: 图像居中不了 [打印本页]
作者: 章素徐霄华    时间: 2017-11-16 16:18
标题: 图像居中不了
</div>
   <div class="con">
      <p>中国海华锻造有限公司位于中国著名的“锻造之乡”、“铁匠之乡”，系原来的中国锻造厂，有员工1360人，工程技术人员406人。集锻造、热处理、机加工于一体，主要生产油田井口设备锻件、液压机械锻件、机床锻件、工程机械锻件、矿山设备锻件。</p>
    <p>主要生产设备有8吨、5吨、3吨电液锤，大型夹板锤，空气锤，8000吨、4000吨、2500吨、1000吨摩擦压力机等。我公司拥有自己的技术研发机构-“章丘市宝华锻造公司技术开发中心”，设有国家认可的理化实验室，配有德国光谱仪、美国布氏硬度计、超声波无损探伤设备等检测设备，能进行多项机械性能实验检测。</p>
    <p>公司先后通过了ISO 9001：2001，ISO 9001:2008, ISO 14001:2004, OHSAS 18001:2007等认证，连续多年被多个厂家评为“优秀供应商”、“信得过合作伙伴”等荣誉称号。</p>

   <img src="images/about-img.jpg" class="pic"/>

   </div>

css
.about{height:280px;width:1000px;background:rgba(143,151,19,1.00); margin:30px auto;}
.about .title{border:1px solid red; text-align:center;background:url(../images/banner2.png) no-repeat center top 10px; line-height:1em;}
.about .title h2{font-weight:400px; font-size:18px;color:rgba(93,146,237,1.00);}
.about .title p{font-size:12px; color:#bababa; text-transform:uppercase;magin-top:6px;}
.about .con{margin-top:24px;}
.about .con p{text-indent:1.9em;color:#5e5e5e;font-size:13px; line-height:1.5em; display:block;}
.about .con.pic{ margin:0 auto; display:block;}

作者: lori棒棒糖    时间: 2017-11-16 17:40
把所有的代码都复制粘贴上来看下
作者: 章素徐霄华    时间: 2017-11-17 10:33
<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>
  
<!--关于我们-->
<div class="about">
<div class="title">
        <h2>公司简介</h2>
        <p>Company profile</p>
   </div>
   <div class="con">
      <p>中国海华锻造有限公司位于中国著名的“锻造之乡”、“铁匠之乡”，系原来的中国锻造厂，有员工1360人，工程技术人员406人。集锻造、热处理、机加工于一体，主要生产油田井口设备锻件、液压机械锻件、机床锻件、工程机械锻件、矿山设备锻件。</p>
    <p>主要生产设备有8吨、5吨、3吨电液锤，大型夹板锤，空气锤，8000吨、4000吨、2500吨、1000吨摩擦压力机等。我公司拥有自己的技术研发机构-“章丘市宝华锻造公司技术开发中心”，设有国家认可的理化实验室，配有德国光谱仪、美国布氏硬度计、超声波无损探伤设备等检测设备，能进行多项机械性能实验检测。</p>
    <p>公司先后通过了ISO 9001：2001，ISO 9001:2008, ISO 14001:2004, OHSAS 18001:2007等认证，连续多年被多个厂家评为“优秀供应商”、“信得过合作伙伴”等荣誉称号。</p>
    <div class="prc">
   <img src="images/about-img.png" />
   </div>
   </div>
   
</div>
<!--产品展示-->
<div class="pro"></div>
<!--新闻中心-->
<div class="news"></div>
<!--底部区域-->
<div class="footer"></div>
</body>
</html>
<img src="images/about-img.png" alt="tupu"/>



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-repeat  center top; display:block }

/*关于我们*/
.about{height:280px;width:1000px;background:rgba(143,151,19,1.00); margin:30px auto;}
.about .title{border:1px solid red; text-align:center;background:url(../images/banner2.png) no-repeat center top 10px; line-height:1em;}
.about .title h2{font-weight:400px; font-size:18px;color:rgba(93,146,237,1.00);}
.about .title p{font-size:12px; color:#bababa; text-transform:uppercase;magin-top:6px;}
.about .con{margin-top:24px;}
.about .con p{text-indent:1.9em;color:#5e5e5e;font-size:13px; line-height:1.5em; display:block;}
.about .con.pic{ margin:0 auto; display:block;}
/*产品介绍*/
.pro{ height:400px; width:100%; background:rgba(143,151,19,1.00);margin:30px auto;}
/*新闻中心*/
.news{height:280px;width:100%; background:rgba(237,55,219,1.00);margin:30px auto;}
/*底部*/
.footer{height:105px; background:rgba(45,94,228,1.00);margin:0 auto;}
作者: 章素徐霄华    时间: 2017-11-17 10:40
<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>
  
<!--关于我们-->
<div class="about">
<div class="title">
        <h2>公司简介</h2>
        <p>Company profile</p>
   </div>
   <div class="con">
      <p>中国海华锻造有限公司位于中国著名的“锻造之乡”、“铁匠之乡”，系原来的中国锻造厂，有员工1360人，工程技术人员406人。集锻造、热处理、机加工于一体，主要生产油田井口设备锻件、液压机械锻件、机床锻件、工程机械锻件、矿山设备锻件。</p>
    <p>主要生产设备有8吨、5吨、3吨电液锤，大型夹板锤，空气锤，8000吨、4000吨、2500吨、1000吨摩擦压力机等。我公司拥有自己的技术研发机构-“章丘市宝华锻造公司技术开发中心”，设有国家认可的理化实验室，配有德国光谱仪、美国布氏硬度计、超声波无损探伤设备等检测设备，能进行多项机械性能实验检测。</p>
    <p>公司先后通过了ISO 9001：2001，ISO 9001:2008, ISO 14001:2004, OHSAS 18001:2007等认证，连续多年被多个厂家评为“优秀供应商”、“信得过合作伙伴”等荣誉称号。</p>
   
   <img src="images/about-img.png" alt="pic" />
   </div>
   </div>
   
</div>
<!--产品展示-->
<div class="pro"></div>
<!--新闻中心-->
<div class="news"></div>
<!--底部区域-->
<div class="footer"></div>
</body>
</html>
<img src="images/about-img.png" alt="tupu"/>


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-repeat  center top; display:block }

/*关于我们*/
.about{height:280px;width:1000px;background:rgba(143,151,19,1.00); margin:30px auto;}
.about .title{border:1px solid red; text-align:center;background:url(../images/banner2.png) no-repeat center top 10px; line-height:1em;}
.about .title h2{font-weight:400px; font-size:18px;color:rgba(93,146,237,1.00);}
.about .title p{font-size:12px; color:#bababa; text-transform:uppercase;magin-top:6px;}
.about .con{margin-top:24px;}
.about .con p{text-indent:1.9em;color:#5e5e5e;font-size:13px; line-height:1.5em; display:block;}
.about .con.pic{ margin:0 auto; display:block;}
/*产品介绍*/
.pro{ height:400px; width:100%; background:rgba(143,151,19,1.00);margin:30px auto;}
/*新闻中心*/
.news{height:280px;width:100%; background:rgba(237,55,219,1.00);margin:30px auto;}
/*底部*/
.footer{height:105px; background:rgba(45,94,228,1.00);margin:0 auto;}
作者: 章素徐霄华    时间: 2017-11-17 10:41
老师 最后一个才是
作者: 章素徐霄华    时间: 2017-11-17 11:15
还有就是我后面写的都显示不出来了



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1