XHTML 的一个实例, 其实这个实例的方法已经可以实现所有要实现的布局. by Emerald 绿色学院 - Green Institute
绿色学院 - 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;
}
效果:
首页
祝你新春快乐!万事如意!在新的一年里身体健康!事业有成!芝麻开花节节高!
CSS 文档:
XHTML 文档:
绿色学院 - Green Institute - 不听人间乐 - 想得到 - 做得到 - Xoops
首页祝你新春快乐!万事如意!在新的一年里身体健康!事业有成!芝麻开花节节高!