当前位置: 代码迷 >> Web前端 >> 创作网站(之一)
  详细解决方案

创作网站(之一)

热度:113   发布时间:2013-03-22 09:49:50.0
作品网站(之一)

CSS代码如下:

@charset "utf-8";
/* CSS Document */
body{margin:0 auto; font-size:12px;font-family:"宋体";text-align:center;	
background-image:url(text.txt); /* for IE6置顶 */
background-attachment:fixed;/* for IE6置顶 */
background:#E8F8F8;
}
a{text-decoration:none;}
a:link{color:#FFFFFF; }
a:visited{color:#FFFFFF;}
a:hover {color:#0d7c32; text-decoration:underline;}
h1{ font-size:30px; font-weight:bold; text-align:left; color:#c48807;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
h2{font-size:20px; margin:0px; text-align:left;color:#c48807;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
h3{color:#9e6c00; margin:0px; line-height:18px; font-size:18px; text-align:left;}
h4{text-align:center; font-size:20px; color:#087403;}
h5{text-align:center; font-size:20px; color:#ffbd00;}
p{ font-size:14px; font-family:Verdana, Geneva, sans-serif; text-indent:4ex; line-height:24px; margin:0px; text-align:left; }
ul{list-style:none; margin:0px; padding:0;}
li{ list-style:none;  line-height:24px; font-size:12px; color:#ffffff;}
img{ float:left; border:0;}

/*头部*/
.top{margin:0 auto;background: url(images/bg_title_01.jpg) center top  no-repeat; height:472px;}

/*首页导航*/
.bgnav{background: url(images/bg_nav_01.jpg) no-repeat center top ; height:33px; }
.nav{width: 980px;height: 33px;  margin: auto auto; }
.nav img{ clear:both;}
.nav ul {margin:0; padding:0; height:33px; float: left;}
.nav li {text-align: center; line-height: 33px; float: left;padding:0px 3px 0px 3px; margin:0 0px 0 2px; display:inline;
 		height:33px; font-size:16px; font-weight: bold;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; font-weight:bold;
		}
.nav li a:link { height: 33px;text-decoration: none; font-weight:bold; padding:0px 3px 0px 3px;float:left; color: #000; margin:0 2px 0 2px;}
.nav li a:hover {color: #030;font-weight: bold; background: url(images/nav_bg2.jpg)  no-repeat left top;
				 text-decoration:none; height:33px; float:left; padding:0px 3px 0px 3px; margin:0 2px 0 2px;
				 }
				 
.formula span{ padding-left:5px; display:inline; }
.FAQ span{ padding-left:5px; display:inline; }
.case span{ padding-left:5px; display:inline; }
.order span{ padding-left:5px; display:inline; }

/*主题内容*/
.main {margin:0 auto;position:relative;}
#AdLayer {position:absolute;width:20px;display:none;height:59px;top:0px;right:-30px;}
.container{width:980px;position:relative;  margin:0 auto;}
.center{  float:left; width:980px; position: relative; background:#FFF }
.ct1_l{ background:url(images/fmq_02.jpg) no-repeat left top; height:506px; position:relative; z-index:0; width:575px; float:left;}
.ct1_r{ float:left; position:absolute; z-index:1; width:460px; right:20px;}
.ct1_r h2{ padding-top:10px; color:#064875;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.ct1_r p{ padding-top:10px;}
.ct1_r_fmq{ background:#FFF8CA; margin-top:30px; border:1px solid #DAE6ED;}
.ct2_table{ margin-top:10px; margin-right:20px; width:960px; float:left; display:inline;}
.ct2_activity{ float:left; width:980px;}
.spec1 p{ text-indent:0;}
.ct2{ margin-top:15px; margin-left:10px; float:left; display:inline; width:970px;}
.ct3{ float:left; width:980px;}

.ct4{ margin:15px 15px 0 15px; float:left; display:inline; width:950px;}

.ct4_effect_l{width:392px; float:left;}
.ct4_l{width:392px; float:left; margin-top:10px;}
.ct4_l_top{ width:392px; background:url(images/fmq_14.jpg) repeat-y left top; height:200px;}
.ct4_l_bottom{ background:url(images/fmq_18.jpg) repeat-y left top; height:11px;}

.ct4_effect_r{width:537px; float:right;}
.ct4_r{width:537px; float:right; margin-top:10px;}
.ct4_r_top{ width:537px; background:url(images/fmq_15.jpg) repeat-y right top; height:120px;}
.ct4_r_bottom{ background:url(images/fmq_16.jpg) repeat-y right top; height:10px;}

.ct4_aftermath{ float:left; width:980px;}
.ct4_disease{float:left; width:970px; margin:10px 5px 0 5px; display:inline;}
.ct4_disease h1{ font-size:24px; color:#9f7b2b;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.ct4_coronary{float:left; width:950px; margin:10px 5px 0 15px; display:inline;}
.ct4_coronary h2{  color:#9f7b2b;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.ct4_coronary h1{ font-size:24px; color:#9f7b2b;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.ct5{ margin-left:15px; display:inline; float:left; margin-top:20px;}
.ct6{ margin:5px 10px 0 20px; display:inline; float: left; width:950px; border:1px solid #999;}

/*图片轮播*/
.ct7{ margin:5px 10px 0 20px; display:inline; float: left; width:950px; position:relative;}
#demopage{width:950px; position:relative;margin:5px 10px 0 20px; display:inline; }
.slider{width:944px;height:224px;border:1px solid #CCC;position:relative;overflow:hidden; }
.conbox{position: absolute; float:left /*必要元素*/}
.switcher{position:absolute;bottom:-3px;right:10px;float:right;z-index:99; }
.switcher a{cursor:pointer;float:left;}
.switcher a.cur,.switcher a:hover{width:30px;margin:0 10px;display:inline; }

.ct8{ margin:20px 10px 0 20px; display:inline; float: left; width:950px;}
.ct8 h2{ color:#ba000c; padding-top:10px;}
.ct9 h1{ background-color:#BA000C; color: #FFF; height:36px; line-height:36px;}
.ct10{ margin-top:15px 20px 0 20px; float:left; display:inline; width:940px;}
.ct10 table td{ vertical-align:top; padding-top:20px;}
.ct10 table td h3{ padding-top:5px;}
.ct10 table td p{ padding-top:10px;}
.zzzs {width: 980px;height: 200px;background: #a50000; float:left;}
.zzzs_left {float: left;background: #4d0604;width: 70px;height: 200px;}
.zzzs_right {float: left;width: 910px;height: 200px;background: #a50000;}
.foot{ width:986px; margin:0 auto; text-align:center; font-size:12px;  color:#000000;  float:left;  padding-top:20px;}
.foot a{text-decoration:none;}
.foot a:link{color:#000000;}
.foot a:visited{color:#000000;}
.foot a:hover {color:#000000; text-decoration:underline;}

/*公司简介*/
.topChild{margin:0 auto;background: url(images/bg_title_02.jpg) center top  no-repeat; height:199px;}
.ct11{ background:url(images/bg_ct_01.jpg) no-repeat center top; height:460px; }
.ct11_intro{ width:611px; padding-left:290px;  padding-top:100px;}
.ct11_intro p{ line-height:28px; color:#595757;}
.ct11_intro h2{ padding-top:30px; text-align:right; color:#064875;}
.ct11_intro a{color:#064875;}

/*产品介绍*/
.ct_introduce{ margin:30px 20px 0 20px; display:inline; float:left; width:940px;}
.ct_introduce h2{color:#064875;}
.ct_introduce hr{ border:1px dashed #064875; margin-top:10px;}
.ct_introduce p{ font-weight:bold; line-height:28px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
.ct_introduce span{ color:#064875}
.ct_introduce table td#vertical{ vertical-align:top;}

/*辅酶Q10*/
.ct_fmq{margin:30px 20px 0 20px; display:inline; float:left; width:940px;}
.ct_fmq h1{ color:#064875;}
.ct_fmq img{ padding-top:15px;}
.ct_fmq hr{ border:1px dashed #064875; margin-top:10px;}
.ct_fmq h2{color:#064875; padding-top:30px;}
.ct_fmq P{ padding-top:10px;}
.ct_fmq h3{color:#871d24; padding-top:30px;}
.ct_fmq pre{font-size:14px;  line-height:24px; margin:0px; text-align:left; width:940px;}
.ct_fmq span{ font-weight:bold;}

/*证照验证*/
.ct_zzyz h3{ text-align:center; padding:0; color:#064875;}

/*配方推荐*/
.ct_formula{margin:30px 20px 0 20px; display:inline; float:left; width:940px;}
.ct_formula P{ padding-top:0px;}
.ct_formula span{ color:#871d24; font-weight:bold;}
.ct_formula h2#formula{ padding-top:10px; padding-bottom:15px;}
.ct_formula table td#vertical{ vertical-align:top;}
.ct_formula font{ font-weight:bold;}

/*成功案例*/
.ct_case h3{ padding-top:10px; color:#064875;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}


  相关解决方案