htmlcss

贡献者:Z。H。J 类别:代码 时间:2016-10-29 15:58:47 收藏数:23 评分:0
返回上页 举报此文章
请选择举报理由:




收藏到我的文章 改错字
@charset "utf-8";
/* CSS Document */
body,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0;}
body{font-size:14px;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none; color:#000;}
#header,#nav,#banner,#footer{width:1002px;padding:0 164px;margin:0 auto;}
/*header部分*/
#header{ height:35px; background:#e4e4e4; overflow:hidden }
#header ul{float:left;}
#header li{ float:left; font-size:12px; border-right:1px solid #d5d5d5;
border-left:1px solid #fff; padding:0 7px; margin-top:11px}
#header ul li:nth-of-type(1){border-left:0;}
#header ul li:nth-of-type(5){border-right:0;} /*nth-of-type(5) 选中第n个li */
#header ol{ margin-left:310px; float:left;}
#header ol li{border:0; height:35px; margin-right:20px; padding:0}
#header form{float:left; margin-top:7px; }
#header form input{width:140px; height:20px; background:#fff; border:0}
#header form #btn{width:22px;height:19px; background:url(../images/header-bg1.gif) }
#header li a{color:#686a67;}
#header li a:hover{color:#000;}
/*logo*/
#logo{height:98px; width:1002px; margin:0 auto}
#logo h1{ padding-top:20px; background:url(../images/logo-bg.gif) no-repeat right 6px;}
/*nav*/
#nav{height:44px; background:#d92b34; }
#nav ul{background:#c8141f; height:44px}
#nav ul li{float:left; line-height:44px; margin:0 19px; font-size:16px; font-weight:bold}
#nav ul li a{color:#fff;}
#nav ul li a:hover{color:#ccc;}
/*banner*/
#banner{height:328px; background:#e6e6e6}
#banner #banner-left{width:669px; height:328px; float:left}
#banner #banner-right{width:253px; height:325px; background:#eeeeee; float:left;
border-bottom:3px solid #c8141f; padding:0 40px}
#banner #banner-right ul li{ border-bottom:1px dashed #d2d2d2; line-height:18px; padding:10px 0;}
#banner #banner-right ul li:nth-of-type(6){border:0; text-align:right}
#banner #banner-right ul li a:hover{color:#c8141f;}
/*main*/
#main{height:548px; width:1002px; margin:0 auto; padding-top:40px}
#main #main-left{width:270px; height:548px; float:left}
#main h3{ height:40px; line-height:40px;
background:url(../images/main-bg2.jpg) repeat-x left bottom }
#main #main-left dl{height:150px; margin:20px 0 40px 0; }
#main #main-left dl dd{ height:30px; line-height:30px; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis; text-indent:20px}
#main ul{margin-top:20px;}
#main ul li{ height:23px; line-height:23px}
#main ul li a{float:left;}
#main ul li span{float:right;}
#main #main-center{width:420px; height:548px;float:left; margin:0 30px 0 40px}
#main #main-center dl dt{width:60px; height:60px; color:#fff;
background:#c8141f; text-align:center; float:left}
#main #main-center dl{ margin-top:20px; height:60px}
#main #main-center dl:nth-of-type(2){margin-bottom:50px;}
#main #main-center dl dt b{font-size:20px; margin-top:7px; display:block}
#main #main-center dl dd{width:345px; height:60px ; float:right;}
#main #main-center dl dd a span{color:#6f6f6f;
display:block; line-height:20px; font-size:12px}/*display:block 将一个内联元素转换成块元素 会自动换行*/
#main #main-right{width:240px; height:548px; float:left}
#main #main-right p{width:240px; height:272px;
background:url(../images/main-bg.jpg); margin-bottom:35px}
#main #main-right p img{float:left; margin:10px}
#main #main-right form{ margin-top:30px;}
#main #main-right form input{ width:216px; height:26px; border:1px solid #ccc; margin-bottom:4px}
#main #main-right form button{width:81px; height:25px; border:1px solid #ccc; background:#f0f0f0}
#main #main-right form a{float:right; display:block; margin-top:3px; margin-right:50px}
/*sub-nav*/
#sub-nav{width:1330px; height:66px;margin:0 auto; border-top:4px solid #ff9c00;
background:#ebebeb url(../images/sub-nav-bg.jpg) no-repeat center top}
#sub-nav ul{height:42px; margin-top:24px; background:#d4d4d4;padding:0 131px}
#sub-nav ul li{float:left; line-height:42px; margin:0 76px}
/*footer*/
#footer{height:130px; background:#302728; overflow:hidden}
#footer ul{border-bottom:1px solid #fff; margin-top:18px; padding:0 113px; height:30px}
#footer ul li{float:left; border-right:1px solid #fff; padding:0 10px}
#footer ul li:nth-of-type(5){border:0;}
#footer ul li a{color:#fff;}
#footer p{width:1002px; border-top:1px solid red; height:57px;
color:#91918f; font-size:12px; padding-top:20px }
#footer p span{display:block; text-align:center; line-height:24px}
声明:以上文章均为用户自行添加,仅供打字交流使用,不代表本站观点,本站不承担任何法律责任,特此声明!如果有侵犯到您的权利,请及时联系我们删除。
文章热度:
文章难度:
文章质量:
说明:系统根据文章的热度、难度、质量自动认证,已认证的文章将参与打字排名!

本文打字排名TOP20

登录后可见

用户更多文章推荐