<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>计算机报价单</title>
<style>/*css*/
table{
/* 表格增加线宽为3的橙色实线边框*/
border:3px solid #F50B0E;
}
caption{
/*表格标题字号*/
font-size: 36px;
}
th,td{
/*表格单元格增加边线*/
border:1px solid #F90;
}
</style>
</head>
<table border="1">
<caption>计算机报价表</caption>
<tr>
<th>型号</th><th>类型</th><th>价格</th><th>图片</th>
</tr>
<tr>
<td>宏碁</td><td>笔记本</td><td>2799</td>
<td><img src="f3dc3d5fddcd46eab9a59c2c2bfe312a.jpg" width="120" height="120"></td>
</tr>
<tr>
<td>戴尔</td><td>笔记本</td><td>3499</td>
<td><img src="640.jpg" width="120" height="120"></td>
</tr>
<tr>
<td>联想</td><td>笔记本</td><td>4149</td>
<td><img src="psb (10).jpg" width="120" height="120"></td>
</tr>
<tr>
<td>戴尔家用</td><td>台式</td><td>3599</td>
<td><img src="file:///C:/Users/l/Pictures/f09184932edd4a1eaa6409d20c43d8fa_th.jpeg" width="120" height="120"></td>
</tr>
</table>
<body>
</body>
</html>
转载请注明原文地址: https://ju.6miu.com/read-33439.html
