頭部

@charset "utf-8"; /* CSS Document *//*網頁頭部導航樣式開始*/ .header_top,.header_middle,.header_search{margin-left:auto;margin-right:auto;width:955px;clear:both; } .header_top{border:solid 1px #999;background-image:url(../images/dd_header_bg.gif);background-repeat:repeat-x;height:24px; } .header_top_left{float:left;width:260px;padding-left:10px;line-height:28px; } *html .header_top_left{ /*only IE6*/line-height:24px; } .header_top_right{float:right;padding-right:10px;width:400px;text-align:right; } .header_top_right li{float:right;margin-left:5px;margin-top:5px; } .logo,.menu_left,.menu_right{float:left; } .logo{width:130px;padding-top:13px;height:47px; } .menu_left{height:28px;padding-top:32px;line-height:35px;width:510px; } *html .menu_left{ /*only IE6*/line-height:28px; } #menu_left_bold li{float:left;background-image:url(../images/dd_head_bg_mid.gif);height:28px;background-repeat:repeat-x;padding:0px 3px 0px 3px; } .bold,.bold:hover{font-weight:bold; } .menu_left_first{background-image:url(../images/dd_head_bg_left.gif);background-repeat:no-repeat;background-position:0px 0px;height:28px;width:4px;float:left; } .menu_left_end{background-image:url(../images/dd_head_bg_right.gif);background-repeat:no-repeat;background-position:0px 0px;height:28px;width:4px;float:left; } .menu_right{padding-top:32px;height:28px; } #menu_dull_red li{float:left;margin-left:5px;text-align:center;line-height:35px;height:28px; } *html #menu_dull_red li{ /*only IE6*/line-height:28px; } #menu_dull_red a,#menu_dull_red:hover{color:#9B2B0F;text-decoration:none;font-weight:bold; } .menu_right_1{background-image:url(../images/dd_header_1_a.jpg);width:52px;background-repeat:no-repeat; } .menu_right_2{background-image:url(../images/dd_header_2_a.jpg);width:39px;background-repeat:no-repeat; } .menu_right_3{background-image:url(../images/dd_header_3_a.jpg);width:65px;background-repeat:no-repeat; } .menu{clear:both; } #menu_white{float:left;background-image:url(../images/dd_head_bg_mid.gif);background-repeat:repeat-x;background-position:0px -63px;height:27px;width:99%;line-height:28px;text-align:center;color:#FFF; } .menu_mid_white,.menu_mid_white:hover{color:#FFF;padding:0px 4px 0px 4px; } .menu_first{background-image:url(../images/dd_head_bg_left.gif);background-repeat:no-repeat;background-position:0px -31px;height:27px;width:4px;float:left; } .menu_end{background-image:url(../images/dd_head_bg_right.gif);background-repeat:no-repeat;background-position:0px -31px;height:27px;width:4px;float:left; } .header_search{padding-top:2px; } .header_serach_left,.header_serach_mid,.header_serach_right{float:left;height:35px; } .header_serach_left{background-image:url(../images/dd_head_bg_left.gif);background-repeat:no-repeat;background-position:0px -58px;width:4px; } .header_serach_mid{background-image:url(../images/dd_head_bg_mid.gif);background-repeat:repeat-x;background-position:0px -28px;width:99%; } .header_serach_right{background-image:url(../images/dd_head_bg_right.gif);background-repeat:no-repeat;background-position:0px -58px;width:4px; } #header_serach_mid_menu li{float:left;margin-top:6px;padding:0px 5px 0px 5px;line-height:25px; } .header_input_search{margin-left:15px;width:200px;height:18px; } .header_secrch_btn{ } /*網頁頭部導航樣式結束*/ /*網頁版權部分樣式開始*/ .footer_top,.footer_end{width:800px;margin:0px auto 0px auto;clear:both;text-align:center; } .footer_top{color:#9B2B0F; } .footer_dull_red,.footer_dull_red:hover{color:#9B2B0F;margin:0px 8px 0px 8px; } /*網頁版權部分樣式結束*//*導航部分下拉菜單樣式*/ #dd_menu_top_down{position:absolute;width:80px;text-align:left;border:solid 1px #999;border-top:0px;display:none;background-color:#FFF;padding-left:10px; } *html #dd_menu_top_down{/*only IE6*/right:30px;top:25px; } *+html #dd_menu_top_down{/*only IE7*/right:30px;top:25px; } #dd_menu_top_down li{float:none; }尾部

@charset "utf-8"; /* CSS Document */body{margin:0px;padding:0px;font-size:12px;line-height:20px;color:#333; } ul,li,ol,h1,dl,dd{list-style:none;margin:0px;padding:0px; } a{color:#333333;text-decoration: none; } a:hover{color:#333333;text-decoration:underline; } img{border:0px; } .blue{color:#1965b3;text-decoration:none; } .blue:hover{color:#1965b3;text-decoration:underline; } #header,#main,#footer{width:960px;margin:0px auto 0px auto;clear:both;float:none; } /*網頁版權部分樣式開始*/ .footer_top{width:800px;margin:0px auto 0px auto;clear:both;text-align:center; } .footer_top{color:#9B2B0F; } .footer_dull_red,.footer_dull_red:hover{color:#9B2B0F;margin:0px 8px 0px 8px; } /*網頁版權部分樣式結束*/

總結

以上是生活随笔為你收集整理的当当网头部和尾部——CSS源码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。