# re: SpringSide开发实战(三):漫谈CSS和页面布局 回复 更多评论
2006-12-27 11:13 by 海边沫沫
完整的CSS代码如下:
body,td,th {
font-size: 12px;
color: #0f54c3;
}
body {
margin-left: 5px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
}
a:link {
color: #0f54c3;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CC0000;
}
a:hover {
text-decoration: underline;
color: #FF00FF;
}
a:active {
text-decoration: none;
color: #3366FF;
}
#header {
height: 60px;
width: 814px;
border: 1px solid #0f54c3;
}
#logo {
float:left;
height: 60px;
width: 200px;
background:url(../images/xkland_logo.gif) no-repeat left top;
}
#advertisment {
float: left;
height: 56px;
width: 500px;
margin:1px;
border: 1px solid #0f54c3;
}
#appendix {
width:100px;
height:60px;
float: right;
text-align:right;
}
#appendix p {
margin:3px;
}
#menu {
border: 1px solid #0F54C3;
padding:5px;
margin:0px;
width:804px;
margin:1px 0px;
height: 12px;
}
#menu li {
float:left;
padding-left:10px;
padding-right:10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0F54C3;
}
#menu .lastMenuItem {
border-right-style:none;
}
#loginView {
border: 1px solid #0F54C3;
width: 280px;
margin:1px 0px;
}
#catalog {
border: 1px solid #0F54C3;
width:280px;
margin:1px 0px;
}
#search {
width: 280px;
border: 1px solid #0F54C3;
margin:1px 0px;
}
#newReply {
width: 280px;
border: 1px solid #0F54C3;
margin:1px 0px;
}
#hotTopics {
width: 280px;
border: 1px solid #0F54C3;
margin:1px 0px;
}
#statistics {
width: 280px;
border: 1px solid #0F54C3;
margin:1px 0px;
}
#hotGroups {
width: 280px;
border: 1px solid #0F54C3;
margin:1px 0px;
}
#hotUsers {
border: 1px solid #0F54C3;
width: 280px;
margin:1px 0px;
}
#footer {
width: 814px;
border: 1px solid #0F54C3;
margin:1px 0px;
}
#newTopics {
position: absolute;
height: 279px;
width: 531px;
left: 288px;
top: 100px;
border: 1px solid #0F54C3;
}
h3 {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #0F54C3;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 15px;
margin: 0px;
font-size: 10.5pt;
}
#loginView p {
margin:3px;
text-align:center;
}
#loginView form {
margin:0px;
}
.textInput {
border: 1px solid #CCCCCC;
width: 15em;
height:12px;
}
#loginView ul {
margin:8px 10px 3px 10px;
}
#loginView ul li {
float: left;
width: 130px;
height:18px;
}
.clear {
clear: left;
}
完整的HTML代码如下:
欢迎来到侠客Land收藏本站
全站下载
联系作者
用户登录
用户名:
密 码:
- 忘记密码?
- 新用户注册
- 记住我