摘要：XHTML的一个实例,其实这个实例的方法已经可以实现所有要实现的布局.byEmerald绿色学院-GreenInstitute <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN" "TBD">
绿色学院 - 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;
}
效果:
Contact
RSS
ODP
Sitemap
Link
Tools
Digest
GHDB
Glossary
0Day
Forum
BBS
Books
Article
Photo
Xoops
Downloads
News
Home
设为首页
加入收藏
联系我们
减小字体
增大字体
站内广告
相关技术