HTML5第五节 表格的美化及布局

1.表格的宽度 高度 边框 <width> <height> <border>

2.表格的背景颜色和图片 <colcr>颜色背景图片颜色可通过<background> <bgcolor>背景颜色

3.表格以及单元格内容的对齐方式 <aligh>分为<right>右对齐 <center>居中对齐 <left>左对齐

4.单元格的填充和间距 <cellspacing>间距 <cellpadding>填充

5.<font>标签可以设置字体字号以及颜色


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>优化表格</title>

</head>

<body>

<table border="0" width="395" cellpadding="0" cellspacing="0">

<tr>

<td colspan="4" background=""><font color="white"></font><b>&nbsp;&nbsp;&nbsp;&nbsp;本周畅销笔记本排名top3<font></font></b></td>

</tr>

</table>

<table>

<tr>

<td>

<table>

<tr>

<td colspan="2">京东超市/td>

</tr>

<tr>

<td colspan="2">< img src="img/1.jpg" alt=""></td>

</tr>

<tr>

<td>< img src="img/人.png" alt=""></td>

<td>< img src="img/罗宾.jpg" alt=""></td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

原文链接:,转发请注明来源!