<body>
<style type="text/css">
table {
width: 90%;
background: #ccc;
margin: 10px auto;
border-collapse: collapse;/*border-collapse:collapse合并内外边距(去除表格单元格默认的2个像素内外边距*/
}
th,td {
height: 25px;
line-height: 25px;
text-align: center;
border: 1px solid #ccc;
}
th {
background: #eee;
font-weight: normal;
}
tr {
background: #ccc;
}
tr:hover {
background: #cc0;
}
body {
color: #fff;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25);
}
</style>
<?php
$name=array("1"=>"笔记本电脑","2"=>"平板电脑","3"=>"手机");
$price=array("1"=>"5000元","2"=>"4000元","3"=>"3000元");
$count=array("1"=>"4","2"=>"3","3"=>"5");
?>
<table width="800" border="1">
<tr>
<td>商品名称</td>
<td>价格</td>
<td>数量</td>
<td>金额</td>
</tr>
<?php
foreach($name as $key=>$value){
$a=$price[$key]*$count[$key];
?>
<tr>
<td><?php echo "$value" ?></td>
<td><?php echo "$price[$key]" ?></td>
<td><?php echo "$count[$key]" ?></td>
<td><?php echo "$a" ?></td>
</tr>
<?php
}
?>
</table>
</body>
效果: