1. 云栖社区>
  2. PHP教程>
  3. 正文

完善用户界面——1.控制页面显示效果的CSS代码

作者:用户 来源:互联网 时间:2017-12-01 12:21:30

css页面代码显示控制效果用户界面完善

完善用户界面——1.控制页面显示效果的CSS代码 - 摘要: 本文讲的是完善用户界面——1.控制页面显示效果的CSS代码,#body { font-size:15px; background-color:#C6C68C; padding:0px; font-family:Helvetica, sans-serif;}#header { margin-left:

#body {
font-size:15px;
background-color:#C6C68C;
padding:0px;
font-family:Helvetica, sans-serif;
}
#header {
margin-left:auto;
margin-right:auto;
padding:8px;
height:80px;
background-color:#E8F3FD;
border-bottom:1px solid #000;
font-size:16px;
font-weight:bold;
}
#title {
margin-left:auto;
margin-right:auto;
padding:8px;
height:10px;
background-color:#E8F3FD;
border-bottom:1px solid #000;
font-style:italic;
}
#container {
margin-left:auto;
margin-right:auto;
margin-top:2px;
margin-bottom:0px;
padding:0;
width:760px;
background-color:#F6F6F6;
border:1px solid #000;
}
#left {
float:left;
margin-left:auto;
margin-right:auto;
padding:5px;
height:530px;
margin:6px 0 4px 2px;
}
#right {
float:right;
margin-left:auto;
margin-right:auto;
margin:6px 0 4px 2px;
padding:5px;
width:200;
}
#blog_entry {
margin-left:auto;
margin-right:auto;
margin-top:4px;
margin-bottom:10px;
border:1px solid #000;
background-color:#FFF;
}
#blog_title {
border-bottom:1px solid #000;
background-color:#E8ECDB;
magin:0px;
padding:4px;
font-weight:bold;
font-size:20px;
}
#blog_body {
margin-left:auto;
margin-right:auto;
margin-top:4px;
padding:6px;
}
#blog_date {
margin-left:auto;
margin-right:auto;
padding:0 0 8px 0;
font-size:15px;
}
#sidebar {
margin-left:auto;
margin-right:auto;
border:1px solid #000;
width:200px;
background-color:#FFF;
}
#menu_title {
border-bottom:1px solid #000;
background-color:#E8ECDB;
magin:0px;
padding:4px;
height:15px;
font-weight:bold;
}
#menu_body {
margin-left:auto;
margin-right:auto;
margin-top:4px;
padding:6px;
}
#footer {
clear: both;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 4px;
height: 16px;
background-color: #E8F3FD;
border-top: 1px solid #000;
}

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css , 页面 , 代码 , 显示 , 控制 , 效果 , 用户界面 完善 ,以便于您获取更多的相关知识。