CSS 常用样式

/* 通用*/
* { margin: 0; padding: 0; }
a { color:#333333; text-decoration:none;}
a:hover { color:#cc0100;}
ul,ol,dl { list-style:none;}
img { border:none;}
body { font-family:"宋体"; font-size:12px; font-weight:normal;}
h1,h2,h3,h4,h5,h6 { font-family:"宋体"; font-size:12px; font-weight:normal;}
#box { width:980px; margin:0 auto;}
.main{ width:980px; float:left; margin-top:6px;}

.member_menu { width:175px; height:auto; float:left; background:url(../images/member/menu_db.gif) no-repeat left bottom #ffffff; margin-top:5px;}
.member_menu h3 { width:167px; height:25px; line-height:210%; float:left; font-size:12px; font-weight:bold; background:url(../images/member/menu_bg.gif) repeat-x left top; border-bottom:1px solid #E8EAEB; border-top:1px solid #E8EAEB; padding-left:8px; overflow:hidden;}
.member_menu ul { width:175px; float:left; padding-top:10px; padding-bottom:6px;}
.member_menu ul li { width:150px; height:25px; line-height:180%; float:left; background:url(../images/member/dian.gif) no-repeat 13px 7px; padding-left:25px;}

.latest_fabric { width:181px; height:250px; float:left; background:url(../images/wishing/wish_13.gif) no-repeat;}
.latest_fabric ul { width:163px; float:left; padding:8px 9px 0px 9px;}
.latest_fabric ul li { width:163px; float:left;}
.latest_fabric ul li a { height:18px; float:left; line-height:18px; margin-top:6px; overflow:hidden;}
.latest_fabric ul li img { width:125px; height:135px; float:left; margin-left:19px; display:inline;}
.latest_fabric ul li i { width:163px; height:34px; float:left; line-height:17px; margin-top:6px; font-style:normal;}

.theme_content ul { width:437px; float:left; padding-left:8px;}
.theme_content ul li { width:122px; height:188px; overflow:hidden; float:left; line-height:16px; margin-left:18px; display:inline; text-align:center;}
.theme_content ul li .years { width:122px; float:left; height:32px; overflow:hidden;}
.theme_content ul li img{padding:1px; border:1px solid #e1e1e1;display:block; margin-bottom:5px;}
.theme_content ul li a:hover img{padding:0; border:2px solid #ffbeaa;}
.theme_content ul li span{ display:block; height:32px; padding:0 5px; text-align:center; overflow:hidden;}
.theme_content ul li samp{ width:122px; float:left; color:#cc0100; height:16px;text-align:center; display:block; padding-top:3px;}
.theme_content ul li samp i { font-style:normal; color:#0368B0; font-family:"宋体";}

.link { width:980px; float:left;}
.link_title { width:980px; height:27px; float:left; background:url(../images/register02.gif) repeat-x left top;}
.link_title b { width:12px; height:27px; float:left; background:url(../images/register01.gif) no-repeat left top;}
.link_title h2 {width:257px; height:27px; line-height:200%; overflow:hidden; float:left; font-size:14px; font-weight:bold; color:#CE0000; background:url(../images/register04.gif) no-repeat 3px center; padding-left:21px;}
.link_title span { width:690px; height:27px; float:left; background:url(../images/register03.gif) no-repeat right top;}
.link_img { width:978px; float:left; border:1px solid #D2D2D2; background:url(../images/link_01.gif) repeat-x left top; padding:10px 0px 10px 0px;}
.link_img ul { width:973px; float:left; padding:3px 0px 0px 5px;}
.link_img ul li { width:150px; height:50px; float:left; border:1px solid #E1E1E1; margin:0px 0px 8px 8px; display:inline;}
.link_img ul li img { width:150px; height:50px; float:left;}

.link_img ol { width:973px; float:left; padding:10px 0px 0px 0px;}
.link_img ol li { width:135px; height:21px; float:left; margin:0px 0px 10px 13px; display:inline; background:url(../images/link_03.gif) no-repeat 3px center; padding-left:13px;}
.link_img ol li a { color:#0368B0; line-height:21px; font-size:14px;}
.link_img ol li a:hover { text-decoration:underline;}

.foot{ width:100%; float:left; margin:0 0 0 0;}
.footer{ width:100%; margin:6px 0 0 0;}
.footer span { float:left;}
.footer_list{ background:url(../images/inp32_06.gif) repeat-x; float:left; width:978px; padding:0 0 18px 0; border:1px solid #d2d2d2; border-top:none;}
.footer_list ul li{ height:169px; border-left:1px dashed #cccccd; float:left; width:164px; margin:0 6px 0 -1px; line-height:18px; padding:0 0 0 24px; display:inline;}
.footer_list ul li span{ display:block; height:22px; overflow:hidden;}
.footer_list h3{ width:124px; float:left; background:url(../images/inp33_03.gif) no-repeat; padding:0 0 0 16px; margin:4px 0 0 14px; display:inline;}
.footer_list h3 a{ color:#666666;}
.footer_list ol{ float:left; padding:10px 0 0 34px; width:944px;}
.footer_list ol img{ float:left;}

#nav { margin: 0 auto; width: 608px; height: 92px; border: 1px solid #000; }
#nav ul { list-style: none; }
#nav li { display: inline; text-align: center; width: 150px; float: left; border: 1px solid #000; }

猜你喜欢

转载自blog.csdn.net/KingCruel/article/details/89176563