简易在线投票系统(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; }
相关文章推荐
- 利用css3伪类实现边框环绕效果
- css3制作立体导航
- 【CSS3】CSS3 滤镜实现
- 燕十八视频--CSS
- 燕十八---CSS画三角形
- css3实现图片旋转效果
- css中margin、padding等属性的简写方式解读
- 初学DIV+CSS需要注意的6个问题
- 如何书写可维护的CSS代码
- CSS代码书写顺序
- css中margin、padding等属性的简写方式解读
- 初学DIV+CSS需要注意的6个问题
- 如何书写可维护的CSS代码
- CSS代码书写顺序
- css display inline block 兼容性问题写法
- CSS 弹性布局如何实现
- 缩短浏览器上页面渲染
- CSS-Day02-样式表的分类
- 【WEB前端】3.CSS内联元素和块元素
- 【WEB前端】2.CSS定位相关