当当网头部和尾部—

头部

@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源码相关推荐

当当网头部和尾部——源码
头部: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...
java计算机毕业设计华北地区阔叶林木叶部病虫害图像管理系统源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计华北地区阔叶林木叶部病虫害图像管理系统源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计华北地区阔叶林木叶部病虫害图像管理系统源码+mysql数据库+系统+lw ...
JavaFX8 modena样式(css)源码
转载自 JavaFX8 modena样式(css)源码 /* Modena This is the second generation theme for JavaFX after Caspian. ...
阅读Skeleton.css源码，改善睡眠质量（尽管它只有419行代码）
theme: smartblue 本文介绍点赞就等于学会了! 如果本文对您有帮助,建议点赞收藏(点赞就等于学会了) Skeleton 源码一共只有 419 行(加上注释和换行),非常适合用来学习. ...
animate.css源码
animate.css源码 animate.css源码,关于如何使用animate.css,可参考 vue+ts或者react+ts如何使用animate.css. /*!动画属性:animation ...
php 彩色标签插件,zblog php 彩色标签CSS源码
之前买了foxalt彩色标签插件,安装上来不管用,经过foxalt一番指导才明白,我的首页头部无彩色标签CSS,所以把单独的CSS发我然后调用才成功.下面是源码:.divColorful_Tags:a ...
购物车的功能——CSS源码
里面所用到的图片资源统一都在"我的资源"里面,相对应的图片是" 购物车源码相关图片 "http://download.csdn.net/detail/qq_34 ...
web前端培训—css源码笔记（二）【爱创课堂】
复习: css介绍:cascading style sheet 层叠样式表引入css目的: 引入css好处: css组成:选择符和声明,声明包括样式和样式值 css引入方式 css文件本身不 ...
css源码笔记（四）【爱创课堂专业前端培训】
复习: 1.1 布局模型--前端培训机构与盒子模型一样是最基础.最核心的东西,但是布局模型是从盒子模型基础上进行布局的. 流动模型flow.浮动模型float.层模型:绝对定位.固定定位流动模型f ...

当当网头部和尾部——CSS源码

当当网头部和尾部——CSS源码相关推荐

最新文章

热门文章