商用案例博客页面的设计与制作.doc

Style/div.css: @charset utf-8; /* CSS Document */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; } a, a:link, a:visited { color: #8d1b0f; } p { margin-top:10px; margin-bottom:10px; } img {border: none;} .cleaner {clear: both;} .float_l {float: left;} .float_r {float: right;} .fl_img { float: left; margin: 3px 30px 15px 0; } .fr_img { float: right; margin: 3px 0 15px 30px; } /*-------*/ body { margin: 0px; padding: 0px; color: #000; font-family:微软雅黑, 宋体, Verdana, sans-serif; font-size: 14px; line-height:1.5em; background:#821764 url(../images/templatemo_body.jpg); } #wrapper { width:1400px; margin:0 auto; } #top { background:url(../images/templatemo_menu.jpg) no-repeat center top; height:100px; } #top ul { list-style:none; width:800px; margin:0 auto; } #top ul li { } #top ul li a { display:block; width:141px; height:47px; float:left; font-size:22px; text-align:center; padding-top:20px; margin-right:10px; text-decoration:none; } #top ul li a:hover { background: url(../images/templatemo_menu_hover.png) no-repeat center center; color: #FFF; } #header { background:url(../images/templatemo_header.jpg) no-repeat center top; height:300px; } #header_content { padding-top:80px; margin-left:250px; } #header_content h2 { font-size:40px; color: #FF0; } #header_content p { color:#FFF; font-size:18px; margin-left:150px; margin-top:40px; } #content { background: url(../images/templatemo_content.jpg) repeat-y center top; } #content_top { background:url(../images/templatemo_main.jpg) no-repeat; } #content_bot { background:url(../images/templatemo_main_bottom.jpg) no-repeat left bottom; padding:20px 200px 100px 350px; width:850px; } #content_left { width:530px; margin-right:70px; } #content_rightside { width:200px; } .inbox { margin-bottom:20px; border-bottom:1px #999 dashed; } #abc { position:relative; } #num { width:96px; height:98px; background:url(../images/templatemo_d