本站原创(酷库网)的一个acbd的排版 CukuCms 2.0 Powered by Cuku.net

加入收藏
联系我们
设为首页

导航网站首页友情链接留言论坛 CCTV5直播网络电视广州体育 Java 1.5 api jdk7-api Apache2 Php5 RSS2.0 麦田计划

广告位

推荐文章

·本站原创(酷库网)的一个acbd的排版
·网页制作：CSS的常用技巧放送
·10个你未必知道的CSS技巧
·详细介绍CSS的三种selector
·利用CSS创造多彩文字
·两分钟做个xhtml+css的网站首页
·XHTML代码的基本应用
·W3C第10天:自适应高度
·Div+CSS布局入门教程(三)
·Div+CSS布局入门教程(二)
·Div+CSS布局入门教程(一)
·Div+CSS+JS树型菜单，可刷新

本站热门

·jdk1.5下载
·jdk1.6下载(jdk-6-beta2-windows-i586)
·免费在线做logo
·tomcat所以版本下载
·SQL Server 2000 下载地址
·图文介绍jdk1.5下载(有jdk下载)
·jdk1.5下载在线安装
·tomcat的最新下载
·jdk1.5文档(手册)
·resin-3.0.22.zip 3.0.22所有版本下载
·用C语言扩展PHP功能
·Apache Tomcat 6.0.1

热门评论

·用C语言扩展PHP功能
·myeclipse注册码
·Java Development Kit (JDK) 7 Build
·jdk1.5下载在线安装
·mysql-front v3.2 注册码？
·JCreator Pro 3.5
·jdk1.5下载
·jdk1.6下载(jdk-6-beta2-windows-i58
·孙鑫java教程下载
·35e免费域名申请
·Photoshop制作网站流程图解揭密
·调查:开源资源让SOA有所不同

首页->网页设计->Css教程

关键字:css,div

本站原创(酷库网)的一个acbd的排版

时间:2007-06-03 00:59 作者:本站原创来源:本站原创查看: 5282

以下是引用片段：
@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{
}

上面的是css

以下是引用片段：
<!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">

</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