基于js、html、css的一个购物车,知乎上转疯了

这是一个基于JavaScript、HTML和CSS的购物车实现,包括全选、全删、数量显示和隐藏等功能。CSS代码定义了页面样式,如背景色、表格布局和操作按钮样式;JS代码用于处理数据和交互逻辑。此外,还提供了前端面试题和学习资源。
摘要由CSDN通过智能技术生成

全选

商品 单价 数量 小计 操作

全选

全部删除

已选商品:

3

显示或隐藏

合计:¥

7000

结算

3.css代码:

body {

background-color: #bcdecf;

}

div.box {

width: 700px;

margin: 50px auto 0;

}

div.box table {

border-collapse: collapse;

width: inherit;

text-align: center;

background-color: #f6f6f6;

}

div.box table td,

div.box th {

border: 1px solid #999;

}

div.box th {

height: 40px;

}

div.box table tbody img {

height: 50px;

}

div.box table tbody tr span {

cursor: default;

}

div.box table tbody tr td:nth-child(2) img {

vertical-align: middle;

}

div.box table tbody tr td:nth-child(4) span {

display: inline-block;

width: 15px;

line-height: 30px;

background-color: #666;

color: #eee;

vertical-align: middle;

}

div.box table tbody tr td:nth-child(4) input {

width: 20px;

height: 20px;

outline: none;

verti

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值