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

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

WBOY
Freigeben: 2016-06-24 11:22:15
Original
1198 Leute haben es durchsucht

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

}


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage