网页的大工作(有代码就免费自己拿)。为了让大家自己方便拿，代码都写在一页上。 本人还是建议采用外部连锁方式引入css。 代码只是学习，有侵害的联系就删除。
！ doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title document/titlestyletype=' text/CSS ' # container { width margin : 0自动； }#top{width: 1222px； 高： 20px； 背景色： # e7e7e 7； }#top-left{width: 800px； 浮点：左； }#contact{float: left； }#top-right{width: 161px； 浮点：轻型； }#nav{width: 1222px； height :自动； margin-top: 30px； line-height: 20px； }#徽标{padding-left:120px； 浮点：左； }#cnav{padding-left: 60px； padding-top: 15px； 浮点：左； line-height: 20px； } a {文本修饰： none； color: grey； font-size: 16px； }a:hover{color: black； 文本修饰： Underline； }#show1{padding-top: 15px； }/stylestyletype=' text/CSS ' # home { width :940 px； height :自动； margin: 15px auto 0px； }#show2{width: 940px； height: 111px； }#show2 div{width: 110px； height: 110px； 浮点：左； padding: 0 39px 20px； }#liubai{padding-top: 30px； }#show3{width: 940px； height: 33px； 文本对齐3360中心； 背景色：黑色； }#show4{width: 940px； 高： 230 px； }#show4 div{width: 172px； 高： 230 px； 浮点：左； padding: 0 7px 0px； }#maintext{width: 940px； height :自动； 文本对齐3360中心； }#ctext{width: 940px； height :自动； 文本对齐3360中心； }#button{width: 1228px； height :自动； 背景色： # e7e7e 7； margin: 0px auto； 文本对齐3360中心； border-top : 1px固态黑； }/style/headbodydivid=' container ' divid=' top ' divid=' top-left ' nbsp；/div divid=' contact ' img src='./image/img/home page _ 03.png '/div！ -这里有联系人图像的图像大小261 px 20 px-- divid=' top-right '/div/div divid=' nav ' divid=' logo ' img src='./image/img/hhhhh nbsp； nbsp； nbsp； |/anbsp； nbsp； 关于a href='./aboutus.html '对美国nbsp； nbsp； nbsp； nbsp； |/anbsp； nbsp； a href='./chenggong.html '成功案例nbsp； nbsp； nbsp； nbsp； |/anbsp； nbsp； a href='./news.html '新闻动态nbsp； nbsp； nbsp； nbsp； |/anbsp； nbsp； a href='./contant。
html">在线咨询 |</a> <a rel="external nofollow" rel="external nofollow" href="./contant.html">联系我们 </a></div></div><div id="show1"><img src="./image/img/homepage_10.png"></div> <!--此处放主页图片图片图片大小1222px x 401px--></div><div id="home"><div id="show2"><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_13.png"></a></div> <!--此处放网页内容的图片 图片大小108px x 110px--><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_15.png"></a></div><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_17.png"></a></div><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_19.png"></a></div><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_21.png"></a></div></div><div id="liubai"></div><div id="show3" style="color:red;font-size:30px" >EXHIBITION</div> ——————————————————————————案例 展示————————————————————————<div id="liubai"></div><div id="show4"><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_30_29.png"></a></div> <!--此处放网页内容的图片 图片大小172px x 230px--><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_30_31.png"></a></div><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_30_33.png"></a></div><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_30_35.png"></a></div><div><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#"><img src="./image/img/homepage_30_37.png"></a></div></div><div id="liubai"></div><div id="show3" style="font-size:30px" ><span style="color:red">ABOUT</span><span style="color:white">US</span></div> ——————————————————————————关于 我们———————————————————————— <div id="liubai"></div> <div id="maintext"> <p style="font-size:20px;">至美创意 因为<strong>专注</strong> 所以<strong>专业</strong></p> <p>无论你是创业路上的文艺青年、店面商铺的老板、需要强化品牌的企业家、网店的店主</p> <p>我们都能为您提供高端低价的设计、我们以最有效、最快速的方式为您提供最合适的方案</p> </div> <div id="show3" style="font-size:30px" ><span style="color:red">SERVICE</span><span style="color:white">PROCESS</span></div> ——————————————————————————服务 流程———————————————————————— <div id="ctext"> <img src="./image/img/homepage_29.png">项目洽谈，根据需求报价 <!--图片尺寸22 x 22px--> <img src="./image/img/homepage_40.png"> <img src="./image/img/homepage_31.png">预付定金，开始设计 <img src="./image/img/homepage_40.png"> <img src="./image/img/homepage_34.png">修改定稿完成设计 <img src="./image/img/homepage_40.png"> <img src="./image/img/homepage_37.png">签收付尾款 </div> <div id="liubai"></div> <div id="liubai"></div></div><div id="button" ><a rel="external nofollow" href="./zhimei.html" style="color:black">主页 |</a><a rel="external nofollow" href="./aboutus.html" style="color:black">关于至美 |</a><a rel="external nofollow" href="./chenggong.html" style="color:black">成功案例 |</a><a rel="external nofollow" rel="external nofollow" href="./contant.html" style="color:black">在线咨询 </a><br><p>copyright © 2004-2015 至美创意工作室</p><p>技术支持:初秋二一</p></div></body></html>