购物车的功能——CSS源码

简介: 购物车的功能——CSS源码

里面所用到的图片资源统一都在“我的资源”里面,相对应的图片是“

购物车源码相关图片

http://download.csdn.net/detail/qq_34137397/9665878

此CSS的对应的是“购物车的功能——界面源码”的内容

@charset "gb2312";

/* 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:#1965b3;

text-decoration: none;

}

a:hover{

color:#CD590C;

text-decoration:underline;

}

img{

border:0px;

vertical-align:middle;

}

#header{

height:40px;

margin:10px auto 10px auto;

width:800px;

clear:both;

}

#nav{

margin:10px auto 10px auto;

width:800px;

clear:both;

}

#navlist{

width:800px;

margin:0px auto 0px auto;

height:23px;

}

#navlist li{

float:left;

height:23px;

line-height:26px;

}

.navlist_red_left{

background-image:url(../images/taobao_bg.png);

background-repeat:no-repeat;

background-position:-12px -92px;

width:3px;

}

.navlist_red{

background-color:#ff6600;

text-align:center;

font-size:14px;

font-weight:bold;

color:#FFF;

width:130px;

}

.navlist_red_arrow{

background-color:#ff6600;

background-image:url(../images/taobao_bg.png);

background-repeat:no-repeat;

background-position:0px 0px;

width:13px;

}

.navlist_gray{

background-color:#e4e4e4;

text-align:center;

font-size:14px;

font-weight:bold;

width:150px;

}

.navlist_gray_arrow{

background-color:#e4e4e4;

background-image:url(../images/taobao_bg.png);

background-repeat:no-repeat;

background-position:0px 0px;

width:13px;

}

.navlist_gray_right{

background-image:url(../images/taobao_bg.png);

background-repeat:no-repeat;

background-position:-12px -138px;

width:3px;

}

#content{

width:800px;

margin:10px auto 5px auto;

clear:both;

}

.title_1{

text-align:center;

width:50px;

}

.title_2{

text-align:center;

}

.title_3{

text-align:center;

width:80px;

}

.title_4{

text-align:center;

width:80px;

}

.title_5{

text-align:center;

width:100px;

}

.title_6{

text-align:center;

width:80px;

}

.title_7{

text-align:center;

width:60px;

}

.line{

background-color:#a7cbff;

height:3px;

}

.shopInfo{

padding-left:10px;

height:35px;

vertical-align:bottom;

}

.num_input{

border:solid 1px #666;

width:25px;

height:15px;

text-align:center;

}

.cart_td_1,.cart_td_2,.cart_td_3,.cart_td_4,.cart_td_5,.cart_td_6,.cart_td_7,.cart_td_8{

background-color:#e2f2ff;

border-bottom:solid 1px #d1ecff;

border-top:solid 1px #d1ecff;

text-align:center;

padding:5px;

}

.cart_td_1,.cart_td_3,.cart_td_4,.cart_td_5,.cart_td_6,.cart_td_7{

border-right:solid 1px #FFF;

}

.cart_td_3{

text-align:left;

}

.cart_td_4{

font-weight:bold;

}

.cart_td_7{

font-weight:bold;

color:#fe6400;

font-size:14px;

}

.hand{

cursor:pointer;

}

.shopend{

text-align:right;

padding-right:10px;

padding-bottom:10px;

}

.yellow{

font-weight:bold;

color:#fe6400;

font-size:18px;

line-height:40px;

}

相关文章
|
8月前
|
人工智能 前端开发 JavaScript
【CodeBuddy】三分钟开发一个实用小功能之:CSS代码瘦身专家
本文展示了AI编程从概念到实践的革命性突破,以一个CSS代码优化工具为例,说明AI如何在3分钟内完成传统开发需2天的任务。文章详细解析了AI在垂直领域工具开发、高频技术场景覆盖及代码维护优化中的应用,并探讨了智能上下文感知、模式识别优化等核心功能。同时,面对语义理解与逻辑验证等挑战,AI结合开发者补充规则,实现人机协同。最终总结指出,AI编程并非取代开发者,而是助力效率提升,推动“需求即代码”的未来方向,开启软件开发新纪元。
170 4
【CodeBuddy】三分钟开发一个实用小功能之:CSS代码瘦身专家
|
8月前
|
人工智能 前端开发 JavaScript
【CodeBuddy】三分钟开发一个实用小功能之:CSS渐变背景生成器
这是一个由AI生成的完整CSS渐变生成器项目,具备可视化交互、实时预览和代码生成功能。通过HTML、CSS和JavaScript实现,支持线性与径向渐变,提供随机生成和复制代码功能。项目展示了AI编程助手在快速原型开发、教学辅助和设计系统集成中的应用价值。其智能上下文感知、全链路代码生成和决策能力,为开发者提供了高效工具支持,助力从样板代码中解放创造力。附带优化方向如增强渐变类型、智能推荐系统及工程化改进,进一步拓展了应用场景。
169 2
【CodeBuddy】三分钟开发一个实用小功能之:CSS渐变背景生成器
|
12月前
css3 svg制作404页面动画效果HTML源码
css3 svg制作404页面动画效果HTML源码
249 34
|
12月前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
546 33
jQuery+CSS3实现404背景游戏动画源码
jQuery+CSS3实现404背景游戏动画源码
205 22
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
247 24
|
Web App开发 移动开发 JavaScript
纯CSS3+SVG实现的节日庆祝五彩纸屑动画效果源码
这是一款基于纯CSS3+SVG实现的节日庆祝五彩纸屑动画效果源码。画面中左下角是一个圆锥形礼炮卡通效果,呈现出节日庆祝时礼花爆破、五彩纸屑纷飞的动画特效。整体动画效果采用纯css3+svg实现,没有引入任何外部图形或js脚本元素。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
262 6
CSS3几何透明层文本悬停变色源码
CSS3几何透明层文本悬停变色源码是一款基于css3 svg制作的背景图片鼠标悬停几何形状透明层变色显示文本内容
112 0
CSS3几何透明层文本悬停变色源码
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
74 0
CSS3实现的九宫格图片鼠标悬停去除遮罩层源码
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
158 0