ホームページ > ウェブフロントエンド > htmlチュートリアル > Index.css ファイル これらのコードを表示_html/css_WEB-ITnose

Index.css ファイル これらのコードを表示_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:22:15
オリジナル
1213 人が閲覧しました

.clr {

クリア: 両方;

幅: 0px;

高さ: 0px;

オーバーフロー: 非表示;

}


#container{

マージン: 0 自動;

幅:1002px;

}

#header{

高さ: 128px;

背景: グレー url(./top_bg.jpg);

}


#nav li {

width: 90ピクセル;

margin-right: 1px;

float:left;

}


#nav a {

/*font-size: 16px;

line-height: 37px;

font- family: 'Microsoft YaHei';*/

/*テキストを中央に設定*/

font:16px/37px 'Microsoft YaHei','HeiTi',sans-serif;

color:#363636;

表示: ブロック ; width:width:90px;

高さ:37PX; gif);

}

#banner {


margin: 6px 0;

}

#main{

}


#lside {

高さ: 480px;

width: 694px;

border: 1px Solid #EEE;

border-radius:5px;

float: left;

border-top:none;


}

.sub title {

高さ: 37px;

背景: グレー 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 {

ディスプレイ: ブロック;

カラー: #888;

フォント: 12px/37px SimSun,serif;

float:right;

}


.four {

幅: 326px;

高さ: 200px;

背景: #EEE;

マージン: 10px;

float: left;

}


.four img {

フロート: 左;

マージン左: 10px;

パディング: 6px;

背景: 白;

}

.four ul{

フロート: 左;

マージン左: 10ピクセル;

}

.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: 6 px 0 6px 10px;

フォント-size:16px;

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


}

#rside {

width: 294px;


float:right;

}

#art {

b背景:#eee;

マージントップ:1px; padding top:10px;つまり、互換性のあるテキスト サイズ*/

line-height: 29px;

color: #888;

display: block;

height: 29px;

padding-left: 30px;

background: url( ./article_head .gif) 繰り返しなし;

}


#art a:hover{

color: #FF832C;

背景: url(./article_on_bg.gif);

}

#連絡先 {

マージントップ: 1px;

高さ: 249px;

背景: #EEE;

}

#footer {

マージントップ: 15px; 120ピクセル;

}


#footer ul {

高さ: 40px;

背景: #EEE;

}

#footer li {


font-size: 12px; /*ie テキスト サイズ互換 */

float: left;

margin-top: 15px;

margin-right: 10px;

}


#footer address {

margin-top: 10px;

font-size : 12px; /*つまり、互換性のあるテキスト サイズ*/

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

}


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート