博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css静态网页css代码
阅读量:5034 次
发布时间:2019-06-12

本文共 2180 字,大约阅读时间需要 7 分钟。

#container { width:760px;
margin: auto;
border-left: #969696 solid 1px;
border-right: #969696 solid 1px;
}
#header { width:760px; height:140px;
background-color:#FF0000;
}
#middle { background-color:#00FF00;
}
#left-column { width:150px;
background-color:#0000FF;
float:left;
}
#content { width:580px; background-color:#FF00FF;
float:right;padding-top:10px; margin-right:525px;
}
#content h1{ font-size:14px; border-bottom:#FF6347 1px solid;
}
#content h2 { font-size:13px;
}
#content p,li,th,td { font-size:12px;
}
#content table { border-left:1px black solid;
border-top:1px black solid;
}
#content th { background:#FFD700;
}
#content th,td { border-bottom:1px black solid;
border-right:1px black solid;
}
#footer { width:760px; height:50px;
background-color:#FFFF00; clear:both;
border-bottom:#C8C8C8 solid 1px;
border-top:#C8C8C8 solid 1px;
margin:10px 0px 0px 0px;
padding:5px 0px 5px 0px;
text-align:center;
}
#footer p { font-size:12px;
}
body { margin: 0;
padding: 0;
font-family: Verdana,Tahoma, Arial, 宋体;
}
#top-nav { width: 760px;
background: green no-repeat;
}
#top-nav ul { list-style: none;
 font-size:12px; padding: 0px 0px 0px 400px;
 }
#top-nav li { float:left;
width:75px;
}
#top-nav li a { display:block;
margin: 0;
padding: 5px 5px 0px 5px;
text-decoration:none;
}
#main-nav { background:#9ACD32;
border-bottom: #4588B0 solid 0px;
float:left;
height: 20px;
margin:0px;
padding:0px;
width:760px;
}
#main-nav ul { list-style:none;
margin:0px;
padding:0px;
}
#main-nav li { float:left;
width:75px;}
#main-nav li a { border-right:#FFFFFF solid 1px;
color:#FFFFFF;
display:block;
margin:0px;
padding:0px 10px 0px 10px;
text-decoration:none;}
#main-nav a:hover,#main-nav a.selected{ border-right:#FFFFFF solid 1px;
color:#00FFFF;
margin:0px;
padding:0px 10px 0px 10px;
text-decoration:none;
text-align:center;
}
.left-column-box { margin: 10px 1px 8px 0px;
padding: 4px 4px 4px 4px;
border: solid 1px rgb(200,200,200);
}
.left-column-box p{ font-size:12px;
}
.left-column-title { display:block;
margin:0px 0px 5px 0px;
padding:2px 0px 2px 2px;
background-color:rgb(187,211,247);
font-size:11px;
}

转载于:https://www.cnblogs.com/liuzhuqing/archive/2010/12/19/7481150.html

你可能感兴趣的文章
POJ 1061 青蛙的约会
查看>>
Entily
查看>>
Oracle数据库 控制文件
查看>>
利用Integer方法将String类型转换为int类型
查看>>
图解HTTP之HTTPS详解
查看>>
软件创新实践——聊天软件
查看>>
EXCEL科学计数法转为文本格式
查看>>
Light Table 编辑器修改字体 更新
查看>>
zbb20190430 springboot 配置alimq
查看>>
linux-查看某文件夹大小:du -h --max-depth=1
查看>>
ssm框架的整合搭建(三)
查看>>
(转)证券公司信息化——2续
查看>>
css修改滚动条样式
查看>>
2018.11.15 Nginx服务器的使用
查看>>
Kinect人机交互开发实践
查看>>
百度编辑器UEditor ASP.NET示例Demo 分类: ASP.NET...
查看>>
JAVA 技术类分享(二)
查看>>
android客户端向服务器发送请求中文乱码的问
查看>>
BZOJ4977 八月月赛 Problem G 跳伞求生 set 贪心
查看>>
BZOJ2631 tree LCT
查看>>