购物车的功能——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;

}

目录
相关文章
|
2天前
|
前端开发
当当网头部和尾部——CSS源码
当当网头部和尾部——CSS源码
16 0
|
2天前
|
前端开发 小程序
css div添加滚动条(附加源码)
css div添加滚动条(附加源码)
16 0
|
2天前
|
前端开发
css 字体渐变样式(设置字体渐变样式+附加实现源码)
css 字体渐变样式(设置字体渐变样式+附加实现源码)
22 0
|
2天前
|
前端开发
当当网上书店购物车——CSS源码
当当网上书店购物车——CSS源码
20 0
|
2天前
|
前端开发
购物车的功能——CSS源码
购物车的功能——CSS源码
16 1
|
2天前
css3鼠标悬停图片特效源码
css3鼠标悬停图片特效,图片悬停效果源码,可以在网页上面作为自己的动态加载名片,放到侧边栏或者网站合适的位置即可
15 0
css3鼠标悬停图片特效源码
|
2天前
|
前端开发 容器 内存技术
使用CSS3画出一个叮当猫HTML源码
本文教程介绍了如何使用CSS3绘制叮当猫,通过HTML结构和CSS样式逐步构建叮当猫的各个部位,如头部、脸部、脖子、身体、手脚等。代码示例展示了如何利用渐变、边框、阴影和定位技巧实现三维效果和细节特征。此外,还添加了眼珠的动画效果,让叮当猫的眼睛能够转动。整个过程适合对CSS3感兴趣的读者参考学习,以提升动态图形创作技能。
23 0
使用CSS3画出一个叮当猫HTML源码
|
2天前
|
移动开发 HTML5
HTML5/CSS3粒子效果进度条代码
HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来
18 0
HTML5/CSS3粒子效果进度条代码
|
2天前
|
移动开发 前端开发 JavaScript
:掌握移动端开发:HTML5 与 CSS3 的高效实践
:掌握移动端开发:HTML5 与 CSS3 的高效实践 “【5月更文挑战第6天】”
27 1
|
2天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。