3月22日作业：
代码：
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>0323作业</title>
<style type="text/css">
table,th,td {
border: 1px solid #368;
}
h2{
text-align: center;
color: red;
}
table {
border-collapse: collapse;
text-align: center;
width: 70%;
height: 80%;
margin: 35px auto;
box-shadow: 2px 2px 2px #69;
background-image: url(../images/bei.jpg);
background-repeat: no-repeat;
background-size: cover;
}
table caption {
font-size: 1.0em;
font-weight: red;
margin-bottom: 30px;
}
th,td {
padding: 20px;
}
td img {
border-radius: 50%;
box-shadow: 1px 1px 1px lightgreen;
}
th {
color:black;
}
.green {
color:lightgreen;
font-weight: bolder;
font-size: 1.2em;
}
</style>运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<body> <h2>手机淘宝</h2> <table> <caption>某大学生购物车</caption> <tr> <th>物品编号</th> <th>物品名称</th> <th>物品图片</th> <th>物品价格</th> <th>***方式</th> </tr> <tr> <td>01</td> <td>iphone x</td> <td><img src="../images/iphone.jpg" width="50"></td> <td>$8388</td> <td>12期免息</td> </tr> <tr> <td>02</td> <td>ipad pro</td> <td><img src="../images/ipad.jpg" width="50"></td> <td>$6888</td> <td>3期免息</td> </tr> <tr> <td>03</td> <td>iwatch 3</td> <td><img src="../images/iwatch3.jpg" width="50"></td> <td>$2888</td> <td>刷卡</td> </tr> <tr> <td>04</td> <td>macbook pro</td> <td><img src="../images/mak.jpg" width="50"></td> <td>$21888</td> <td>12期免息</td> </tr> <td>05</td> <td>ipad 电容笔</td> <td><img src="../images/dian.jpg" width="50"></td> <td>$788</td> <td>现金</td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
