ホームページ > 記事 > ウェブフロントエンド > 邪悪な人魚 DIV+CSS_html/css_WEB-ITnose
/* CSS ドキュメントは公開されており、どの Web サイトも同じです*/
html 、body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td , em,button{margin:0;padding:0;}
body{font-size:12px;line-height:1.6;font-family:Simsun,sans-serif;color:#000;background:#FFF; : 960px; マージン:0 自動; パディング:0;}
img,fieldset{border:0;margin:0;padding:0;}
input, textarea{font-size:12px;}
table{border-collapse:折りたたむ ;}
a{color:#0055AA; text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5{ font-family:"Times New Roman" 、セリフ;}
ul{list-style: none;}
dfn{font-style:normal;}
.layoutfix{display:inline-block;}
.layoutfix{display:block;overflow:hidden;}
。 left {float:left;}
.right{float:right;}
f
/* 最初に全体のサイズを定義します。コンテナと同様に、多くの div を */
.centers{float:left;width:960px 内に配置できます。 ;height :1352px;}
.top{width:960px;height:101px;float:left;}
.top_logo{width:346px;height:101px;float:left; (images/bg_index.png) 繰り返しなし -65px -143px; }
.top_info{幅:289px;高さ:101px;float:right; 背景:url(images/bg_index.png) 繰り返しなし -65px -268px; }
/* メニュー メニュー div */
.menu{ width:960px; height:41px; float:left; } png ) no-repeat -0px 1px;}
.menu_info_02{幅:660px; 高さ:41px; 背景:url(images/meun_repter.png) リピート-x}
.menu_info_02 ul{ margin-top:5px ; width:660px;}
.menu_info_02 ul li{ float:left; width:80px; font-family:"Founder Shuti"; li a{ color:#FFFFFF;}
.menu_info_foot{ width:20px; height:41px; float:left; background:url(images/bg_index.png) no-repeat -301px 1px;}
/* フラッシュ広告情報 div */
.flash{ width:960px; height:260px; float:left; 背景画像:url(images/info.png); }
/* フレームコンテンツ div */
情報{ マージントップ: 10ピクセル; 幅: 960ピクセル; }
.info_bg{ 高さ: 318ピクセル; マージントップ: 1ピクセル; :307px; 浮動小数点:左; 背景:url(images/bg_index.png) -466px -310px;}
.info_chujings{ 高さ:290px; url(images/info_repter_01.png); }
.info_chujingss{高さ:307px; 背景:url(images/bg_index.png) no-repeat -487px -310px;}
.inf0_bg_title{ margin-top:12px; width:23px; font-size:18px;
.inf0_bg_row ul{ }
.inf0_bg_row ul li{ font:12px/22px Arial、Helvetica、sans-serif; inf0_bg_row ul li spa{ float:right;}
.inf0_bg_row ul li a{color:#504F50; }
.info_02{ margin-top:6px; width:960px;画像:url(images/info_02.png); 背景-リピート:no-repeat}
.info_03{ マージン-トップ:10px; 幅:960px; }
.info_03_bg{ 343px; 幅:320px; フロート:左;}
.info_03_bg_title{ 幅:320px; 高さ:39px; 繰り返しなし 0px -47px;} { 幅:320px; フロート:左; 高さ:39px; 背景:url(images/bg_index.png) 繰り返しなし 0px -98px;}
.info_03_bg_titless{ 幅:320px; url(images/bg_index.png) 繰り返しなし 0px -502px;}
.info_03_bg_hr{ margin-top:-2px; float:left:url(images/info_hr. png); 背景-repeat:repeat-y; }
.info_03_bg_hr ul{ margin-left:5px;width:300px; }
.info_03_bg_hr { float:left:260%; } .info_03_bg_hr ul li a{color:#504F50;
.info_03_bg_hr ul li spa{ float:right;}
.info_03_bg_foot { width:318px; height:16px; png) no-repeat 0px -554px;}
/* 以下のメニュー div */.menu_02{ margin-top:35px; width:960px; height:44px; float:left;}
.menu_02_top{ width:12px ; float:left; height:46px; 背景:url(images/bg_index.png) }
.menu_02_repter{ width:935px; 背景:url(images/bg_index.png) meun02_repter.png); }.menu_02_repter ul{}
.menu_02_repter ul li{text-align:center:left color:#E62668; :12px; 幅:75px; }.menu_02_repter ul li a{ color: #E62668;}
.menu_02_foot{幅:12px;フロート:左;高さ:46ピクセル;背景:url(images/bg_index.png) 繰り返しなし -22px -141px; }
/* 版权div */
.foot{ margin-top:10px;高さ:99ピクセル;幅:960ピクセル;フロート:左; text-align:center;}
.foot ul{}
.foot ul li{ }