模仿网站练习1
2024-09-01 03:42:50 216人阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练习制作 冰霜奇迹</title>
<style>
*{ margin:0px auto; padding:0px;}
body{ font: 14px "Microsoft Yahei"; background:#d2b382 repeat-y; color: #603818;}
body a{ color: #603818; text-decoration:none}
body a:hover{ color: #a38353;}
#azuiwai{ width:100%;}
#datu{ width:100%; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/head_wrap.jpg) no-repeat;}
#a2{ width:1000px; height:558px; position:relative;}
#dh{ width:100%; height:70px; position:absolute; left:0px; bottom:0px;}
#dh a{ width:12.5%; height:75px; text-align:center; line-height:70px; color:#eb6100; float:left; text-decoration:none}
#dh a:hover{ color: #fe9043;}
#juzhong{ width:100%px; margin:45px auto;}
#p1{ width:1000px; height:350px;}
#p1-left{ width:480px; height:350px; float:left}
#p1-biaoti{ width:490; height:69px}
#p11{font-size:20px; text-align:center }
#p2{ width:480px; height:42px; font-size:16px; text-align:center; line-height:42px;}
.caidan{ display:block; width:153px; height:60px; float:left; margin-right:10px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/btn.png); text-indent:-9999px; background-position:0px 0px}
#wenzi-dh{ width:490px; height:60px; margin-top:11px;}
#wenzi-dh2{ width:468px; height:134px; padding-top:10px; padding-left:10px; margin-top:24px; background-color:#cbab76;}
.wenzi-caidan{ width:107px; height:34px; color:#f1e5c8; display:block; float:left; background-color:#995000; text-align:center; line-height:34px; margin-right:10px; margin-bottom:10px;}
#lunbo{ width:494px; height:344px; float: left; margin-left:20px; padding:2px; border:1px solid #000}
#lunbo-wnzi{ width:100%; height:50px; background-color:#000; position:relative; bottom:50px}
#h6{ font-size:16px; font-weight:normal; color:#f1e5c8; text-indent:18px; line-height:50px}
#lunbo-dian{ width:48px; height:8px; position:relative; bottom:25px; left:210px}
#lunbo-dian div{ width: 8px; height: 8px; float: left; margin-right: 8px; background:url(%E5%86%B0%E9%9C%9C%E5%A5%87%E8%BF%B9%EF%BC%88www.10088mu.com%EF%BC%89%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D%EF%BC%8C%E5%8D%83%E4%BA%BA%E5%9C%A8%E7%BA%BF%EF%BC%8C%E7%89%B9%E8%89%B2%E5%A5%87%E8%BF%B9%EF%BC%8C%E7%8E%A9%E5%AE%B6%E8%B5%9A%E9%92%B1%E7%9A%84%E5%A5%87%E8%BF%B9%E7%A7%81%E6%9C%8D_files/dot.png)}
#ql1{ clear:both;}
.zyjs{ width:1000px; margin-top:40px;}
.left{ width:700px; height:1078px; float:left