当当网上书店购物车——CSS源码

简介: 当当网上书店购物车——CSS源码
.shopping_commend{
    background-image:url(../images/shopping_commend_bg.gif);
    background-repeat:repeat-x;
    height:21px;
    border:solid 1px #999;
}
.shopping_commend_left{
    float:left;
    padding-left:10px;
}
.shopping_commend_right{
    float:right;
    padding-right:10px;
    margin-top:3px;
}
.shopping_commend_right img{
    cursor:pointer;
}
#shopping_commend_sort{
    border:solid 1px #999;
    border-top:0;
    padding:5px 20px 5px 20px;
    height:120px;
}
.shopping_commend_sort_left{
    float:left;
    width:450px;
}
.shopping_commend_sort_mid{
    float:left;
    width:15px;
    background-image:url(../images/shopping_dotted.gif);
    background-repeat:repeat-y;
    height:120px;
}
.shopping_commend_list_1,.shopping_commend_list_2,.shopping_commend_list_3,.shopping_commend_list_4{
    float:left;
    height:30px;
    line-height:30px;
}
.shopping_commend_list_1{
    width:240px;
}
.shopping_commend_list_2{
    width:70px;
    text-align:center;
    text-decoration:line-through;
    color:#999;
}
.shopping_commend_list_3{
    width:70px;
    text-align:center;
}
.shopping_commend_list_4{
    text-align:center;
    width:65px;
}
.shopping_yellow{
    color:#ED610C;
}
.shopping_yellow:hover{
    color:#ED610C;
    text-decoration:underline;
}
.shopping_list_top{
    clear:both;
    font-size:14px;
    font-weight:bold;
    margin-top:20px;
}
.shopping_list_border{
    border:solid 2px #999;
}
.shopping_list_title{
    background-color:#d8e4c6;
    height:25px;
}
.shopping_list_title li{
    float:left;
    line-height:28px;
}
.shopping_list_title_1{
    width:420px;
    padding-left:30px;
    text-align:left;
}
.shopping_list_title_2{
    width:120px;
    text-align:center;
}
.shopping_list_title_3{
    width:120px;
    text-align:center;
}
.shopping_list_title_4{
    width:120px;
    text-align:center;
}
.shopping_list_title_5{
    width:70px;
    text-align:center;
}
.shopping_list_title_6{
    width:70px;
    text-align:center;
}
.shopping_product_list{
    background-color:#fefbf2;
    height:40px;
}
.shopping_product_list input{
    width:30px;
    height:15px;
    border:solid 1px #666;
    text-align:center;
}
.shopping_product_list td{
    line-height:35px;
    border-bottom:dashed 1px #CCC;
}
.shopping_product_list_1{
    width:420px;
    padding-left:30px;
    text-align:left;
}
.shopping_product_list_2{
    width:120px;
    text-align:center;
    color:#464646;
}
.shopping_product_list_3{
    width:120px;
    text-align:center;
    color:#464646;
}
.shopping_product_list_4{
    width:120px;
    text-align:center;
    color:#191919;
}
.shopping_product_list_5{
    width:70px;
    text-align:center;
}
.shopping_product_list_6{
    width:70px;
    text-align:center;
}
.shopping_list_end{
    background-color:#cddbb8;
    height:84px;
}
.shopping_list_end li{
    float:right;
}
.shopping_list_end_1{
    margin:10px 10px 0px 10px;
}
.shopping_list_end_2{
    font-weight:bold;
    color:#BD3E00;
    font-size:14px;
    margin:15px 10px 0px 0px;
}
.shopping_list_end_3{
    font-weight:bold;
    font-size:14px;
    margin:15px 0px 0px 15px;
}
.shopping_list_end_4{
    border-right:solid 1px #666666;
    margin:10px 0px 0px 15px;
    padding-right:10px;
}
.shopping_list_end_yellow{
    color:#BD3E00;
}
.shopping_list_end #removeAllProduct{
    line-height:24px;
    padding:0 5px;
    margin-left:20px;
    color:#1965B3;
}
.empty_product{
    height:300px;background:#d3d3d3;font-size:16px;text-align:center;position:relative;
}
.empty_product div{
    padding-top:120px;
}
.empty_product a{
    color:#1965B3;
}


相关文章
|
10天前
|
Web App开发 移动开发 JavaScript
纯CSS3+SVG实现的节日庆祝五彩纸屑动画效果源码
这是一款基于纯CSS3+SVG实现的节日庆祝五彩纸屑动画效果源码。画面中左下角是一个圆锥形礼炮卡通效果,呈现出节日庆祝时礼花爆破、五彩纸屑纷飞的动画特效。整体动画效果采用纯css3+svg实现,没有引入任何外部图形或js脚本元素。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
28 6
|
23天前
|
前端开发
CSS制作月球行走404页面特效源码
CSS制作月球行走404页面特效源码是一款迈克杰克逊在月球上漫步走路404页面模板下载。效果非常逼真,感兴趣的朋友可以查看效果演示,也可以下载源码。
22 3
|
22天前
CSS3几何透明层文本悬停变色源码
CSS3几何透明层文本悬停变色源码是一款基于css3 svg制作的背景图片鼠标悬停几何形状透明层变色显示文本内容
17 0
CSS3几何透明层文本悬停变色源码
|
22天前
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
17 0
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
|
22天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
17 0
|
4月前
|
前端开发
2s 利用 HTML+css动画实现企业官网效果
2s 利用 HTML+css动画实现企业官网效果
|
20天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
44 7
|
20天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
29 6
|
20天前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
31 5