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

简介: 当当网头部和尾部——CSS源码

头部

@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;
}
/*网页版权部分样式结束*/



目录
相关文章
|
1月前
|
前端开发
当当网新用户注册界面——CSS代码
当当网新用户注册界面——CSS代码
9 0
|
1月前
|
前端开发
当当网上书店购物车——CSS源码
当当网上书店购物车——CSS源码
12 0
|
1月前
|
前端开发
当当网首页——CSS代码
当当网首页——CSS代码
11 1
|
1月前
|
前端开发
购物车的功能——CSS源码
购物车的功能——CSS源码
15 1
|
1月前
css3鼠标悬停图片特效源码
css3鼠标悬停图片特效,图片悬停效果源码,可以在网页上面作为自己的动态加载名片,放到侧边栏或者网站合适的位置即可
14 0
css3鼠标悬停图片特效源码
|
1月前
|
前端开发 容器 内存技术
使用CSS3画出一个叮当猫HTML源码
本文教程介绍了如何使用CSS3绘制叮当猫,通过HTML结构和CSS样式逐步构建叮当猫的各个部位,如头部、脸部、脖子、身体、手脚等。代码示例展示了如何利用渐变、边框、阴影和定位技巧实现三维效果和细节特征。此外,还添加了眼珠的动画效果,让叮当猫的眼睛能够转动。整个过程适合对CSS3感兴趣的读者参考学习,以提升动态图形创作技能。
16 0
使用CSS3画出一个叮当猫HTML源码
|
18天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
1月前
|
XML 编解码 前端开发
编程笔记 html5&css&js 033 HTML SVG
编程笔记 html5&css&js 033 HTML SVG
|
9天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
13天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
20 1