acbd的排版 原创 
下面的是css文件images/css.css 两个代码要合起来!
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
/* fontsize*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
/* other */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; visibility: hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none; }
/* link style*/
a {
font-size: 12px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #666666;
}
a:hover {
text-decoration: none;
color: #0000CC;
}
a:active {
text-decoration: none;
color: #FF0000;
}.all_with {
height: auto;
width: 787px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
padding: 1px;
}
.top_style {
height: 120px;
width: 780px;
margin-right: auto;
margin-left: auto;
border: 1px solid #000000;
background-image: url(top_bg.gif);
}
.body_left_style{
float: left;
height: 730px;
width: 230px;
border: 1px solid #000000;
margin: 1px;
}
.body_right_style{
float: right;
height: 730px;
width: 543px;
border: 1px solid #000000;
margin: 1px;
}
.bottom_style{
height: 90px;
width: 783px;
margin-right: auto;
margin-left: auto;
border: 1px solid #000000;
clear: both;
}
.left_1{
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border: 1px solid #CCCCCC;
margin-bottom: 20px;
}
.left_1_2{
}
html文件
@charset "utf-8";
/* CSS Document */
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
margin:0;
padding:0;
background: #CCCCCC;
}
/* CSS Document */
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
margin:0;
padding:0;
background: #CCCCCC;
}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
/* fontsize*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
/* other */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; visibility: hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none; }
/* link style*/
a {
font-size: 12px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #666666;
}
a:hover {
text-decoration: none;
color: #0000CC;
}
a:active {
text-decoration: none;
color: #FF0000;
}.all_with {
height: auto;
width: 787px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
padding: 1px;
}
.top_style {
height: 120px;
width: 780px;
margin-right: auto;
margin-left: auto;
border: 1px solid #000000;
background-image: url(top_bg.gif);
}
.body_left_style{
float: left;
height: 730px;
width: 230px;
border: 1px solid #000000;
margin: 1px;
}
.body_right_style{
float: right;
height: 730px;
width: 543px;
border: 1px solid #000000;
margin: 1px;
}
.bottom_style{
height: 90px;
width: 783px;
margin-right: auto;
margin-left: auto;
border: 1px solid #000000;
clear: both;
}
.left_1{
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border: 1px solid #CCCCCC;
margin-bottom: 20px;
}
.left_1_2{
}
html文件
<!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>rs gold</title>
<Meta http-equiv="Content-Language" Content="EN">
<meta name="robots" content="index, follow"/>
<meta name="keywords" content="RS Gold,Buy Runescape Money,"/>
<meta name="description" content="cheap rs gold" />
<meta name="rating" content="general" />
<style type="text/css">
<!--
@import url("images/css.css");
-->
</style>
</head>
<body>
<div class="all_with"><strong>Sell the cheapest virtual gaming goods in the world; 7*24 hours online service</strong>
<div class="top_style">上面的表格</div>
<div class="body_right_style">右边表格指向右排在前</div>
<div class="body_left_style">左边表格指向左，代码在后
<div class="left_1">1
<div>2</div>
<div>3</div>
</div>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="bottom_style">底下表格</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>rs gold</title>
<Meta http-equiv="Content-Language" Content="EN">
<meta name="robots" content="index, follow"/>
<meta name="keywords" content="RS Gold,Buy Runescape Money,"/>
<meta name="description" content="cheap rs gold" />
<meta name="rating" content="general" />
<style type="text/css">
<!--
@import url("images/css.css");
-->
</style>
</head>
<body>
<div class="all_with"><strong>Sell the cheapest virtual gaming goods in the world; 7*24 hours online service</strong>
<div class="top_style">上面的表格</div>
<div class="body_right_style">右边表格指向右排在前</div>
<div class="body_left_style">左边表格指向左，代码在后
<div class="left_1">1
<div>2</div>
<div>3</div>
</div>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
<div class="bottom_style">底下表格</div>
</div>
</body>
</html>
今天星期六！现在学习学习，工作工作！
四川会是第二个楼兰？
