月光软件站 - 编程文档 - 网站制作 - XHTML 的一个实例, 其实这个实例的方法已经可以实现所有要实现的布局. by Emerald 绿色学院

网站制作

本类阅读TOP10

·IIS 安装配置全攻略
·html基础学习笔记（2）
·html基础学习笔记（1）
·用VS.NET打开网上下载的.NET web项目出错的解决办法
·如何在网页上实现进度条
·限制TextArea区的文字输入数量
·HTML 4.0 语言快速参考
·在weblogic上配置SSL
·页面垂直居中的两种方法
·Zope/Plone内容管理系统的探讨与应用－内容管理系统（CMS）的概述

→ 分类导航

VC语言	Delphi
VB语言	ASP
Perl	Java
Script	数据库
其他语言	游戏开发
文件格式	网站制作
软件工程	.NET开发

XHTML 的一个实例, 其实这个实例的方法已经可以实现所有要实现的布局. by Emerald 绿色学院 - Green Institute

作者：未知来源：月光软件站 加入时间：2005-2-28　月光软件站

绿色学院 - Green Institute - 不听人间乐 - 想得到 - 做得到 - Xoops 没你看到的那么长的 CSS 类, 那些类是我别的定义用到的,
真正用到的类是:
/********* header *********/
div#h {
margin:0px;
width:100%;
background-color:ffffff;
height:98px;

}
div#h ul {
text-align:center;
FLOAT: left;
margin:0px;
}
div#h li{
LIST-STYLE-TYPE: none;
DISPLAY: block;
FLOAT: left;
margin:0px;
}
div#h li#wl{
width:30%;
margin:0px;

}
div#h li#wr{
width:70%;
text-align:right;
margin:0px;
FLOAT: right;
}
div#h li div#cm{
word-spacing: 3px;
padding-right: 2px;
}
div#h li div#org{
padding-top: 20px;
padding-left: 20px;
color: #F3BB97;
text-align:center;
}
div#h li div#pt{
text-align:right;
word-spacing: 8px;
white-space: nowrap;
margin:0px;
padding:0px;
font-size:10px;
font:Verdana, Arial, Helvetica, sans-serif;
padding-top:18px;
padding-right: 2px;
}

效果:

首页新闻下载源码图片文章图书交流技术 0Day 辞典搜客网摘工具链接地图 ODP RSS 联系

祝你新春快乐！万事如意！在新的一年里身体健康！事业有成！芝麻开花节节高！

P5 P6 P7 P8 P9 P10
CodeConvert PageRank HZZPY ASCII Calendar Weather GoogleCheat ZH SEO-GI

Contact RSS ODP Sitemap Link Tools Digest GHDB Glossary 0Day Forum BBS Books Article Photo Xoops Downloads News Home

CSS 文档:

/* CSS Document */

/******************************** system ***************************/

/********* header *********/
div#h {
	margin:0px;
	width:100%;
	background-color:ffffff;
	height:98px;
	
}
div#h ul {
	text-align:center;
	FLOAT: left;
	margin:0px;
	}
div#h li{
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FLOAT: left;
	margin:0px;
	}
div#h li#wl{
	width:30%;
	margin:0px;

}
div#h li#wr{
	width:70%;
	text-align:right;
	margin:0px;
	FLOAT: right;
	}
div#h li div#cm{
	word-spacing: 3px;
	padding-right: 2px;
	font-size: 12px;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	}
div#h li div#org{
	padding-top: 20px;
	padding-left: 20px;
	color: #F3BB97;
	text-align:center;
	font-size: 12px;
	text-decoration: none;
	}
div#h li div#pt{
	text-align:right;
	word-spacing: 8px;
	white-space: nowrap;
	margin:0px;
	padding:0px;
	font-size:10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding-top:18px;
	padding-right: 2px;
	}
	
	
/* system usermenu */
div#usermenu a{
	display: block;
	margin: 0;
	color: #005CB9;
	font-weight: normal;
	font-size: 12px;
	padding-left: 5px;
	margin-left: 3px;
	padding-bottom: 2px;
}
div#usermenu a:hover
{
	color: #FF0000;
	text-decoration: none;
}

div#usermenu a.highlight
{
	background-color: #fcc;
}

/* system who's online */
div#ol {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	vertical-align:top;
	padding-left:12px;
	padding-top:5px;
	
}

div#ol a{
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	vertical-align:top;
	
}

/* system top poster */
ul.stp1{
	background-color: f06567;
	vertical-align:top;
	text-align:center;
	FLOAT: left;
	width:155px;
	padding:5px 0;
	margin:0px;
	margin-bottom:1px;
}
ul.stp1 li{
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FLOAT: left;

}

ul.stp2{
	background-color: f38383;
	vertical-align:top;
	text-align:center;
	FLOAT: left;
	width:155px;
	padding:5px 0;
	margin:0px;
	margin-bottom:1px;

}
ul.stp2 li{
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FLOAT: left;

}
ul li#s1  {	WIDTH: 20px;}
ul li#s2 {
	WIDTH: 100px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height:100%;
}
ul li#s3 { 
	WIDTH: 20px;
	text-align:center;
}

/*   site info */
ul li#sil { 
	WIDTH: 80px;
	text-align:left;
}
ul li#sir { 
	WIDTH: 65px;
	text-align:right;
}
div#wssi{
	text-align:center;
	width:155px;
	}
div#wssi div{
	text-align:center;
	color: #000000;
	text-decoration: none;
	background-color: #fdfdfd;
	margin-bottom:2px;
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	}

/* english navigation menu */
#top-m-en{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f06567;
	color: #FFFFFF;
	width:100%;
	}
#top-m-en a{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: f06567;
	color: #FFFFFF;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-decoration: none;
	display: block;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	}
#top-m-en a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: f3bb97;
	color: #FFFFFF;
	font-size: 12px;
}

#topmenu {
MARGIN:0px; 
BORDER:0px;
BACKGROUND: #FFFFFF no-repeat right top;  
COLOR: #000000; 
}

#topmenu ul {

}

#topmenu li {
	FLOAT: left;
	MARGIN: 0px;
	PADDING:0px;
	TEXT-ALIGN: center;
	BORDER-LEFT:#fff 1px solid;
	color: #000000;
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
}

#topmenu li a {
	font-size:12px;
	MARGIN:0px;
	PADDING:0px 2px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	vertical-align:top;
	text-align: right;
	clear: none;
	height: auto;
	width: auto;
	float: right;
	word-spacing: 5px;
}

#topmenu li a:hover {

COLOR: #000000;
BACKGROUND-COLOR: #f3f4f5;
}

#font-org{
	vertical-align:middle;
	text-align:center;
	word-spacing: 3px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
	color: #F3BB97;
	text-decoration: none;
	line-height: 30px;
}

/* banner */
#b{
width:100%;}

/* Site footer */
#f{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #F06567;
	text-align: center;
	display: table;
	padding-top: 4px;
	padding-bottom: 4px;
}
#f a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
}
#f a:hover{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	background-color: 7EDE7C;
}
/* top 2 | search form and member and rss */
#t-2 {
	padding:0px;
	margin:0px;
	vertical-align:middle;
	display: block;
	
	}
#t-2 ul {
	padding:5px 0px;
	margin:0px;
	vertical-align:middle;

}
#t-2 li{
	FLOAT: left;
	MARGIN: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	TEXT-ALIGN: center;
	color: #000000;
	vertical-align:middle;
	
	}

/* member-rss-subscribe to */
#m-rss-s{}
#m-rss-s ul {}
#m-rss-s li{
	FLOAT: right;
	MARGIN: 0px;
	PADDING:0px;
	TEXT-ALIGN: center;
	color: #000000;
	vertical-align:top;
	padding: 0px 0px;
	}
	
/* search form */
#s-f{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}
#s-f ul {}
#s-f li{
	FLOAT: left;
	MARGIN: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	TEXT-ALIGN: center;
	color: #000000;
	vertical-align:middle;

}

/******************************** index blocks ***************************/
/* main menu */
#n{}
#n ul{}
#n li{
	FLOAT: left;
	MARGIN: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	TEXT-ALIGN: center;
	color: #000000;
	vertical-align:middle;
}

/* left and right blocks div*/
#lr-b 
{
	color: #000000;
	font-size: 12px;
	display: block;
	background-image: url(images/arrow-8.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 1px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-decoration: none;
}

#lr-b a
{
	color: #000000;
	font-size: 12px;
	display: block;
	background-image: url(images/arrow-8.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 2px 2px 2px 14px;
	font-weight: normal;
	background-color: #fdfdfd;
	text-decoration: none;
}
#lr-b a:hover
{
	background-color: #F3F4F5;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#lr-b a.menuTop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	padding-left: 15px;
	font-size: 12px;
	text-decoration: none;
}
#lr-b a.m-m
{
	background-color: #FFFFFF;
	padding-left: 15px;
	text-decoration: none;
	font-size: 12px;
}
#lr-b a.menuSub
{
	padding-left: 25px;
	color: #9F0000;
	font-weight: normal;
	font-size: 12px;
}

/* myAlbum photo blocks */
div#mpb 
{
	color: #000000;
	font-size: 12px;
	display: block;
	padding: 1px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-decoration: none;
	TEXT-ALIGN: center;
	vertical-align:middle;

}
div#mpb a:hover{
	text-decoration: none;
	background-color: #FFFFFF;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

/* left menu nl */
#nl-l{
height:180px;

}

/* left  menu  */
#nl-t {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	text-align:left;
	width:160px;

}
#label-l {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	text-align:left;
	background-image: url(images/arrow-l.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: f06567;
	font-weight:bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
}
#nl-t a {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	vertical-align:top;
	
}
#nl-t a:hover {

font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: f3f4f5;

}

/* right  menu  */
#nr-t {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	text-align:left;
	width:160px;

}
#label-r {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	text-align:left;
	background-image: url(images/arrow-l.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #F38383;
	font-weight:bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
}
#nr-t a {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	vertical-align:top;
	
}
#nr-t a:hover {

font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: f3f4f5;

}

/* center menu , right */
#ncr-t {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;
	width:265xp;

}
#ncr-t a {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}
#ncr-t a:hover {

font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: f3f4f5;

}

/* center menu , left */
#ncl-t {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	text-align:left;
	white-space: nowrap;

}
#ncl-t a {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}
#ncl-t a:hover {

font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: f3f4f5;

}

label{
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #F38383;
	width:100%;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right:1px;
	
}
#ncc {
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	text-align:left;
	
}
#ncc a{
	line-height:150%;
           
	
}

/****** newbb blocks full dispaly ******/
div#nbfd {
	margin:0px;
	width:100%;
	background-color:f3f4f5;
	
}
div#nbfd ul {
	text-align:center;
	FLOAT: left;
	margin:0px;
	}
div#nbfd ul#bg {
	text-align:center;
	FLOAT: left;
	margin:0px;
	background-color: #DFE2E6;	
	}
div#nbfd li{
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FLOAT: left;
	background-color:#f3f4f5;
	margin:0px;
	
	}
div#nbfd div{
	vertical-align:text-bottom;
	vertical-align:bottom;
	text-align:right;
	margin:0px;
	padding-right:2px;
	}
div#nbfd label{
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: #fdfdfd;
	width: 100%;
	padding-right: 12px;
	text-align: right;
	letter-spacing: 2px;
	}

div#nbfd li#t1{
	width: 60%;
	margin:0px;
	text-align:center;
	background-color: #DFE2E6;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
div#nbfd li#t2{
	width: 10%;
	margin:0px;
	text-align:center;
	background-color: #DFE2E6;	
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	
}
div#nbfd li#t3{
	width: 10%;
	margin:0px;
	text-align:center;
	background-color: #DFE2E6;		
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
div#nbfd li#t4{
	width: 20%;
	margin:0px;
	text-align:right;
	background-color: #DFE2E6;	
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	
}

div#nbfd li#c1{
	width: 60%;
	height:42px;
	margin:0px;
	text-align:left;
	white-space: nowrap;
	display: block;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	padding-left:5px;
}
div#nbfd li#c1 a:hover{
	background-color: #FAFAFA;
	display: block;
}
div#nbfd li#c2{
	width: 10%;
	height:42px;
	margin:0px;
	text-align:center;
	border-top: thin solid #FFFFFF;
}
div#nbfd li#c3{
	width: 10%;
	height:42px;
	margin:0px;
	text-align:center;
	border-top: thin solid #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
div#nbfd li#c3 a{
	background-color: #f3f4f5;	
}
div#nbfd li#c4{
	width: 20%;
	height:42px;
	margin:0px;
	text-align:right;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;

}

/****** xphpbbi blocks full dispaly ******/
div#xbfd {
	margin:0px;
	width:100%;
	background-color:f3f4f5;
	
}
div#xbfd ul {
	text-align:center;
	FLOAT: left;
	margin:0px;
	}
div#xbfd ul#bg {
	text-align:center;
	FLOAT: left;
	margin:0px;
	background-color: #DFE2E6;	
	}
div#xbfd li{
	LIST-STYLE-TYPE: none;
	DISPLAY: block;
	FLOAT: left;
	background-color:f3f4f5;
	margin:0px;
	
	}
div#xbfd div{
	vertical-align:text-bottom;
	vertical-align:bottom;
	text-align:right;
	margin:0px;
	padding-right:2px;
	padding-bottom:0px;
	}
div#xbfd label{
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: fdfdfd;
	width: 100%;
	padding-right: 12px;
	text-align: right;
	letter-spacing: 2px;
	}
div#xbfd label li#label-l{
	width:50%;
	text-align:left;
	margin:0px;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	}
div#xbfd label li#label-r{
	width:50%;
	text-align:right;
	margin:0px;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;

}

div#xbfd li#t1{
	width: 60%;
	margin:0px;
	text-align:center;
	background-color: #DFE2E6;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
div#xbfd li#t2{
	width: 10%;
	margin:0px;
	text-align:center;
	background-color: #DFE2E6;	
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	
}
div#xbfd li#t3{
	width: 10%;
	margin:0px;
	text-align:center;
	background-color: #DFE2E6;		
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
div#xbfd li#t4{
	width: 20%;
	margin:0px;
	text-align:right;
	background-color: #DFE2E6;	
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
	
}

div#xbfd li#c1{
	width: 55%;
	height:42px;
	margin:0px;
	text-align:left;
	white-space: nowrap;
	display: block;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	padding-left:5px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
div#xbfd li#c1 a:hover{
	background-color: #FAFAFA;
	display: block;
}
div#xbfd li#c2{
	width: 10%;
	height:42px;
	margin:0px;
	text-align:center;
	border-top: thin solid #FFFFFF;
}
div#xbfd li#c3{
	width: 10%;
	height:38px;
	margin:0px;
	text-align:center;
	border-top: thin solid #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
div#xbfd li#c3 a{
	background-color: #f3f4f5;	
}
div#xbfd li#c4{
	width: 20%;
	height:42px;
	margin:0px;
	text-align:right;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;

}
div#xbfd li#c4 a:hover{

background-color: #fafafa;

}

div#xbfd li#c5{
	width: 5%;
	height:42px;
	margin:0px;
	text-align:center;
	border-top: thin solid #FFFFFF;
	vertical-align:middle;
}

-->
</style>

XHTML 文档:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN"  "TBD">
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<meta http-equiv="content-language" content="zh-CN" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="绿色学院,Green Institute,绿色学院 - Green Institute,不听人间乐,绿色,学院,Green,Institute,绿色进化,绿色进化 E-Studio, E-Studio ,Emerald ,Xoops 站点,Xoops,Xoops 模块 ,Xoops 风格 ,Xoops 图标.XOOPS官方中文站点,XOOPS中文支持 ,Xoops 开发, Xoops 测试,e统天下,E统天下,rss 订阅,rss,订阅." />
<meta name="description" content="不听人间乐 , 想得到, 做得到 ." />
<meta name="rating" content="general" />
<meta name="author" content="Emerald" />
<meta name="copyright" content="Copyright © 2004-2005" />
<meta name="generator" content="Emerald" />
<title>绿色学院 - Green Institute - 不听人间乐 - 想得到 - 做得到 - Xoops</title>
</head>

<div id="h">
	<ul>
		<li id="wl"><img src="/images/logo.gif" /></li>
		<li id="wr">
			<div id="cm">
				<A href="http://blog.csdn.net/" target="_self">首页</a> 
				<A href="http://blog.csdn.net/modules/news/index.htm" target="_self">新闻</a> 
				<A href="http://blog.csdn.net/modules/wfdownloads/index.htm" target="_self">下载</a> 
				<A href="http://blog.csdn.net/modules/mydownloads/index.htm" target="_self">源码</a> 
				<A href="http://blog.csdn.net/modules/myalbum/index.htm" target="_self">图片</a> 
				<A href="http://blog.csdn.net/modules/AMS/index.htm" target="_self">文章</a> 
				<A href="http://blog.csdn.net/modules/booklists/index.htm" target="_self">图书</a> 
				<A href="http://blog.csdn.net/modules/xphpbbi/index.htm" target="_self">交流</a> 
				<A href="http://blog.csdn.net/modules/newbb/index.htm" target="_self">技术</a> 
				<A href="http://blog.csdn.net/modules/digest/index.htm" target="_self">0Day</a> 
				<A href="http://blog.csdn.net/modules/wordbook/index.htm" target="_self">辞典</a>  
				<A href="http://blog.csdn.net/modules/dictionary/index.htm" target="_self">搜客</a> 
				<A href="http://blog.csdn.net/modules/xmline/index.htm" target="_self">网摘</a> 
				<A href="http://blog.csdn.net/modules/GI-Tools/index.htm" target="_self">工具</a> 
				<A href="http://blog.csdn.net/modules/mylinks/index.htm" target="_self">链接</a> 
				<A href="http://blog.csdn.net/modules/sitemap/index.htm" target="_self">地图</a> 
				<A href="http://blog.csdn.net/modules/xoopsodp/" target="_self">ODP</a> 
				<A href="http://blog.csdn.net/modules/lykos_syndication/index.htm" target="_self">RSS</a> 
				<A href="http://blog.csdn.net/modules/liaise/index.htm" target="_self">联系</a>
			</div>
			<div id="org">祝你新春快乐！万事如意！在新的一年里身体健康！事业有成！芝麻开花节节高！</div>
			<div id="pt">
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_5.htm" >P5</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_6.htm" >P6</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_7.htm" >P7</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_8.htm" >P8</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_9.htm" >P9</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_10.htm" >P10</a> 
				<br/> 
				<A href="http://blog.csdn.net/modules/T-TechTools/index.htm">CodeConvert</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_pagerank.htm">PageRank</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_HZZPY.htm">HZZPY</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_ASCIIArtist.htm">ASCII</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_Calendar.htm">Calendar</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_Weather.htm">Weather</a>  
				<a href="http://gi.2288.org:88/t/google/cheat_Google.php" >GoogleCheat</a>  
				<a href="http://zh.2288.org:66/index.htm">ZH</a>  
				<a href="http://seo.2288.org:99/index.htm" >SEO-GI</a>
			</div>
  		</li>
  </ul>
</div> 
<div id="top-m-en">
<A href="http://blog.csdn.net/modules/liaise/index.htm" target="_self">Contact</a>
<A href="http://blog.csdn.net/modules/lykos_syndication/index.htm" target="_self">RSS</a>
<A href="http://blog.csdn.net/modules/xoopsodp/" target="_self">ODP</a>
<A href="http://blog.csdn.net/modules/sitemap/index.htm" target="_self">Sitemap</a>
<A href="http://blog.csdn.net/modules/mylinks/index.htm" target="_self">Link</a>
<A href="http://blog.csdn.net/modules/GI-Tools/index.htm" target="_self">Tools</a>
<A href="http://blog.csdn.net/modules/xmline/index.htm" target="_self">Digest</a>
<A href="http://blog.csdn.net/modules/dictionary/index.htm" target="_self">GHDB</a>
<A href="http://blog.csdn.net/modules/wordbook/index.htm" target="_self">Glossary</a>
<A href="http://blog.csdn.net/modules/digest/index.htm" target="_self">0Day</a>
<A href="http://blog.csdn.net/modules/newbb/index.htm" target="_self">Forum</a>
<A href="http://blog.csdn.net/modules/xphpbbi/index.htm" target="_self">BBS</a>
<A href="http://blog.csdn.net/modules/booklists/index.htm" target="_self">Books</a>
<A href="http://blog.csdn.net/modules/AMS/index.htm" target="_self">Article</a>
<A href="http://blog.csdn.net/modules/myalbum/index.htm" target="_self">Photo</a>
<A href="http://blog.csdn.net/modules/mydownloads/index.htm" target="_self">Xoops</a>
<A href="http://blog.csdn.net/modules/wfdownloads/index.htm" target="_self">Downloads</a>
<A href="http://blog.csdn.net/modules/news/index.htm" target="_self">News</a>
<A href="http://blog.csdn.net/" target="_self">Home</a>
	
</div>

相关文章：

相关软件：