acbd的排版 原创

| |
[不指定 2007/06/05 09:10 | by Else ]
下面的是css文件images/css.css 两个代码要合起来!
@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;
}




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>


作者:Else 's Blog
地址:http://www.aixq.com/post/723/
版权所有。转载时必须链接形式注明作者和原始出处及本声明!
  • 中查看更多“acbd的排版 原创”相关内容
  • 中查看更多“acbd的排版 原创”相关内容
  • 中查看更多“acbd的排版 原创”相关内容
  • 中查看更多“acbd的排版 原创”相关内容
  • 中查看更多“acbd的排版 原创”相关内容
  • 中查看更多“acbd的排版 原创”相关内容

  • 最后编辑: Else 编辑于2007/06/05 09:11
    Tags: , , ,
    代码 程序 编程 | 评论(0) | 引用(0) | 阅读(2021)
    发表评论
    表情
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    emotemotemotemotemot
    打开HTML
    打开UBB
    打开表情
    隐藏
    昵称   密码   游客无需密码
    网址   电邮   [注册]
                   

    验证码 不区分大小写