效果图如下:
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.container .cart {
width: 300px;
margin: auto;
}
.container .title {
background-color: lightskyblue;
height: 40px;
line-height: 40px;
text-align: center;
}
.container .item {
height: 55px;
line-height: 55px;
position: relative;
border-top: 1px solid #aaa;
}
.container .item img {
width: 45px;
height: 45px;
margin: 5px;
}
.container .item .name {
position: absolute;
width: 90px;
top: 0;
left: 55px;
font-size: 16px;
}
.container .item .change {
width: 100px;
position: absolute;
top: 0;
right: 50px;
}
.container .item .change a {
text-decoration: none;
font-size: 20px;
width: 30px;
background-color: #eee;
vertical-align: middle;
}
.container .item .change .num {
width: 34px;
height: 25px;
margin: 3px;
}
.container .item .del {
position: absolute;
top