您的位置:首页 > Web前端 > CSS

简易在线投票系统(php)——前端设计(css)

2016-01-10 16:30 567 查看
css.css
@charset "utf-8";
body{
margin:0px;
padding:0px;
height:auto;
font-size:14px;
color:#666;
}
a{
text-decoration:none;
color:#999;
}
a:hover{
color:#CCC;
}
#bottom{
width:10px;
height:100px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
#contend_top{
border-bottom:#999 dashed 2px;
width:750px;
padding-bottom:2px;
}
#contend_title{
border-bottom:#999 solid 2px;
width:750px;
font-weight:bold;
}
.contend_item{
width:700px;
background-color:#FFF;
border-bottom:#999 dashed 2px;
font-size:10px;
}
.contend_item_name{
padding-left:20px;
width:500px;
font-size:16px;
font-style:italic;
height:20px;
padding-top:0px;
height:0px;
font-weight:bold;
color:#666;
}
#contend_form{
margin-top:20px;
}
#contend_form td{
padding-top:5px;
color:#666;
}
#contend_form li{
color:#F00;
}
#head{
width:auto;
height:70px;
border-bottom:solid #666 2px;
margin-top:0px;
}
#head_main{
width:auto;
height:60px;
border-bottom:#666 dashed 2px;
margin-top:0px;
}
#head_main_center{
width:1000px;
height:50px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
}
#head_main_logo{
height:35px;
width:200px;
font-weight:bold;
text-align:center;
font-size:20px;
padding-top:15px;
font-style:italic;
float:left;
color:#666;
}
#head_main_account{
width:300px;
height:50px;
float:right;
font-size:12px;;
margin-right:100px;
color:#999;
text-align:right;
}
.inside{
margin:5px;
border:#999 dashed 2px;
width:385px;
height:230px;
}
.inside table{
margin-left:20px;
margin-top:20px;
text-align:center;
line-height:20px;
}
.inside td{
padding:10px;
line-height:20px;
}
#landing{
width:400px;
height:245px;
position:absolute;
background:#CCC;
top:20px;
left:400px;
}
#register{
width:400px;
height:245px;
position:absolute;
background:#CCC;
top:20px;
left:400px;
}
#main{
margin-top:0px;
height:auto;
position:relative;
}
#main_contend{
width:770px;
margin-top:0px;
float:left;
padding-top:30px;
padding-left:30px;
height:auto;
}
#main_contend a{
color:#666;
}
#main_contend a:hover{
text-decoration:underline;
color:#999;
}
#main_menu{
width:300px;
height:500px;
margin-top:0px;
float:left;
}
#main_menu_bottom{
width:298px;
height:200px;
border-right:#666 solid 2px;
border-bottom:#666 solid 2px;
}
#main_menu_top{
width:298px;
height:60px;
border-right:#666 solid 2px;
}
.main_menu_item{
height:30px;
width:200px;
margin-left:auto;
text-align:center;
border-top:#666 solid 2px;
border-left:#666 solid 2px;
border-bottom:#666 solid 2px;
}
.main_menu_item a{
line-height:30px;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#666;
padding-top:7px;
padding-bottom:7px;
padding-left:59px;
padding-right:59px;
}
.main_menu_item a:hover{
background-color:#CCC;
color:#999;
}
.main_menu_space{
height:30px;
width:200px;
margin-left:auto;
border-right:#666 solid 2px;
}
td{
padding:0px;
height:0px;
color:#999;
}
tr{
padding:0px;
height:0px;
}
#vote td{
width:400px;
text-align:center;
}
#vote_intro{
margin-left:50px;
margin-right:50px;
width:650px;
border:#999 dashed 1px;
text-indent: 2em;
padding:10px;
color:#666;
}
#vote_contend{
width:500px;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:10px;
margin-top:20px;
border:#666 dashed 1px;
line-height:25px;
}
.vote_contend_item{
width:98px;
float:left;
height:30px;
background-color:#CCC;
margin-top:5px;
border-right:#999 solid 1px;
margin-right:1px;
}
.vote_contend_count{
width:198px;
float:left;
height:30px;
background-color:#ccc;
margin-top:5px;
border-left:#999 solid 1px;
margin-left:1px;
}
.vote_contend_img{
width:200px;
float:left;
height:30px;
background-color:#ccc;
margin-top:5px;
}
.vote_contend_strip{
width:150px;
height:16px;
margin-top:7px;
margin-bottom:7px;
background-color:#999;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: