欢迎光临
够嗨才有趣儿

html做一个漂亮的表格

学习html做一个漂亮的表格记录:

<table style="text-align:center;width:100%;background-color:#FFFFFF;" cellpadding="2" cellspacing="0" border="3" bordercolor="CCCC33">
	<tbody>
		<tr>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?r=ddq/wap" target="_blank"><span style="font-size:15pt;color:#ff00ff;">限时优惠</span></a><br />
			</td>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?input=2&amp;r=l&amp;kw=%E7%B2%BE%E5%93%81%E7%94%B7%E8%A3%85" target="_blank"><span style="font-size:15pt;color:#ff0000;">精品男装</span></a><br />
			</td>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?input=2&amp;r=l&amp;kw=%E9%9B%B6%E9%A3%9F%E7%BE%8E%E9%A3%9F" target="_blank"><span style="font-size:15pt;color:#000080;">零食美食</span></a><br />
			</td>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?r=l&amp;cid=5&amp;u=769851" target="_blank"><span style="font-size:15pt;color:#008000;">精品男鞋</span></a><br />
			</td>
		</tr>
		<tr>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?r=l&amp;kw=%E5%86%85%E8%A3%A4+%E7%94%B7" target="_blank"><span style="font-size:15pt;color:#ff00ff;">内衣内裤</span></a><br />
			</td>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?r=l&amp;cid=4&amp;u=769851" target="_blank"><span style="font-size:15pt;color:#808000;">日常家用</span></a><br />
			</td>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?r=l&amp;cid=8&amp;u=769851" target="_blank"><span style="font-size:15pt;color:#003300;">数码家电</span></a><br />
			</td>
			<td style="text-align:center;">
				<a class="ke-insertfile" href="http://yi510.com/index.php?r=nine&amp;u=769851" target="_blank"><span style="font-size:15pt;color:#800080;">9.9包邮</span></a><br />
			</td>
		</tr>
	</tbody>
</table>

其中border="1" bordercolor="#000000"代表表格边框属性。

cellpadding="2"代表表格单元格边距(Cell padding)

cellspacing="0"代表表格单元格间距(Cell spacing)

演示如下:


限时优惠 精品男装 零食美食 精品男鞋
内衣内裤 日常家用 数码家电 9.9包邮
赞(0) 打赏
未经允许不得转载:嗨趣儿 » html做一个漂亮的表格
分享到: 更多 (0)
嗨趣儿公众号

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

够嗨才有趣!

福利导航每日福利TOP100

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏