首頁 > web前端 > html教學 > index.css文件查看这些代码_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 11:22:15
原創
1217 人瀏覽過

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

}


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板