PHP作业
1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>橘子巷_购物车</title>
<style>
table {
width: 90%;
background: #f7daae;
margin: 10px auto;
border-collapse: collapse;
/*border-collapse:collapse合并内外边距
(去除表格单元格默认的2个像素内外边距*/
}
th,td {
height: 25px;
line-height: 25px;
text-align: center;6
border: 1px solid #ccc;
}
button { /* 按钮美化 */
width: 200px; /* 宽度 */
height: 40px; /* 高度 */
border-width: 0px; /* 边框宽度 */
border-radius: 5px; /* 边框半径 */
background: #ffc91c; /* 背景颜色 */
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
outline: none; /* 不显示轮廓线 */
font-family: "幼圆"; /* 设置字体 */
color: white; /* 字体颜色 */
font-size: 17px; /* 字体大小 */
}
button:hover { /* 鼠标移入按钮范围时改变颜色 */
background: #ffc91c;
}
</style>
</head>
<body>
<body>
<div id="Layer1"
style="position: absolute; width: 100%; height: 10000px; background-color: #f4cd90; z-index: -1">
</div>
<div>
<div id="logo" style="float:left; vertical-align: middle;" >
<img height="100" width="160" padding="10" src="https://wx4.sinaimg.cn/mw2000/008aq7W6ly1h262ry4v24j30la0lagm1.jpg" alt="logo">
</div>
<div id="grabble" style="height: 80px;width: 500px;float: right; ">
<br>
<form width="400px" height="60px" id="sousuo" action="搜索页面" method="get" name="搜索功能">
<input width="400px" height="60px" type="text" name="sousuo"/><input type="submit" value="搜索">
</form>
</div>
<div id="fudong" style="height:80px;width:400px;">
<h1> 橘子巷</h1>
</div>
<div id="content">
<table width="95%" border="1">
<caption >
<p align="left">购物车（传入数据）</p></caption>
<thead height="70">
<th>
<input id="allCheckBox" type="checkbox" value="全选"/>全选
</th>
<th width="25%" > 商品信息</th>
<th width="20%">规格</th>
<th width="10%">单价</th>
<th width="10%">数量</th>
<th width="10%">金额</th>
<th width="10%">操作</th>
</thead>
<tbody >
<tr height="50">
<td >店铺：导入数据</a></td>
<td colspan="6">优惠券</td>
</tr>
<tr bgcolor="fae1bb" height="150">
<td>
<input id="checkbox1" type="checkbox" value="选择"/>
导入图片
</td>
<td>
导入名称
</td>
<td>
颜色分类：【热卖色】丝绒唇釉#DAFFODIL 「豆沙红」
款式：基本款
</td>
<td>导入数据</td>
<td>1</td>
<td>
<input id="num1" type="text" value="110.00" readonly/>
</td>
<td> <br>
<a href="#">删除</a></td>
</tr>
</tbody>
<tfoot>
<tr>
<td height="130" colspan="2" align="left">
<input id="allCheck" type="checkbox" value="全选"/>全选
<a href="#">移入收藏夹</a>   <a href="#">删除</a></td>
</td>
<td colspan="5" align="right">
已选商品
<input type="text" value="0" readonly>件
合计（不含运费）:<input type="text" value="0.00" readonly> 元
<a href="https://buy.tmall.com/order/confirm_order.htm?spm=a1z0d.6639537.0.0.undefined">结算</a>
</td>
</tr>
</tfoot>
</table>
</div>
</body>
</html>
