【HTML】计算机报价单

最新推荐文章于 2022-04-28 12:52:53 发布

原创

最新推荐文章于 2022-04-28 12:52:53 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用HTML来创建一份专业的计算机报价单，包括结构布局、样式设计和交互实现，帮助读者掌握静态网页制作技巧。

<!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><