Home > Web Front-end > HTML Tutorial > index.css文件查看这些代码_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 11:22:15
Original
1211 people have browsed it

.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;

}


source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template