欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

index.css文件查看这些代码_html/css_WEB-ITnose

程序员文章站 2022-05-12 15:54:31
...
.clr {

clear: both;

width: 0px;

height: 0px;

overflow: hidden;

}


#container{

margin: 0 auto;

width:1002px;

}

#header{

height: 128px;

background: gray url(./top_bg.jpg);

}


#nav li {

width: 90px;

margin-right: 1px;

float:left;

}


#nav a {

/*font-size: 16px;

line-height: 37px;

font-family: '微软雅黑';*/

/*设置文字居中*/

font:16px/37px '微软雅黑','黑体',sans-serif;

color:#363636;

display: block;

width:90px;

height: 37px;

text-align: center;

}


#nav a:hover {

color:white;

background: url(./nav_on.gif);

}


#banner {

margin: 6px 0;

}


#main{

}


#lside {

height: 480px;

width: 694px;

border: 1px solid #EEE;

border-radius:5px;

float: left;

border-top:none;

}


.subtitle {

height: 37px;

background: gray url(./index_main_top_bg.gif);

}


.subtitle img {

margin:5px 0 0 10px;

float: left;

}


.subtitle h1 {

color: #151515; /*ie的颜色兼容*/

float: left;

margin-left: 10px;

font:16px/37px 'Microsoft Yahei' , SimHei , sans-serif;

}


.subtitle a {

display: block;

color: #888;

font: 12px/37px SimSun,serif;

float:right;

}


.four {

width: 326px;

height: 200px;

background: #EEE;

margin: 10px;

float: left;

}


.four img {

float: left;

margin-left: 10px;

padding: 6px;

background: white;

}


.four ul{

float: left;

margin-left: 10px;

}


.four li {

background: url(./service_intro_bg.gif) no-repeat;

padding-left: 10px;

height: 20px;

}

.four a {

font-size: 12px; /*ie的文字大小兼容*/

color:#888;

}


.four a:visited {

color:#808080;

}


.four a:hover{

color: #FF832C;

}


.four h2 {

color: #A0A0A0;

margin: 6px 0 6px 10px;

font-size:16px;

font-family: 'Microsoft Yahei' , SimHei , sans-serif;

}


#rside {

width: 294px;

float:right;

}


#art {

background: #EEE;

margin-top: 1px;

padding-top: 10px;

}

#art a {

font-size: 12px; /*ie的文字大小兼容*/

line-height: 29px;

color: #888;

display: block;

height: 29px;

padding-left: 30px;

background: url(./article_head.gif) no-repeat;

}


#art a:hover{

color: #FF832C;

background: url(./article_on_bg.gif);

}


#contact {

margin-top: 1px;

height: 249px;

background: #EEE;

}


#footer {

margin-top: 15px;

height: 120px;

}


#footer ul {

height: 40px;

background: #EEE;

}

#footer li {

font-size: 12px; /*ie的文字大小兼容*/

float: left;

margin-top: 15px;

margin-right: 10px;

}


#footer address {

margin-top: 10px;

font-size: 12px; /*ie的文字大小兼容*/

font-family: '微软雅黑',sans-serif;

}