表格实现导航【2】

一、表格实现网页导航

1、【table】标签里包含 【padding】  【border】值为"0" 【cellpadding】元素暂用【align="center"】代替，包含在【td】元素里 达到字体居中效果。

2、字体颜色【text="white"】可包含在【body】标签里。

3、【td】元素里可包含 超链接、可包含单个字体的背景。

4、背景用到了jpg图片、相对路径链接图片。

<html>
 <head>
  <title>表格导航2</title>
 </head>
 <body leftmargin="0" text="white">
  <table border="0" width="1000" background="imges.jpg" align="center" cellpadding="5">
   <tr>
    <td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
	<td align="center"><a href="http://www.uber.com" target="_blank">uber优步</a></td>
   </tr>
  </table>
 </body>
</html>

　　

posted @ 2015-06-09 00:52  黑衣大葛葛  阅读(148)  评论(0)  编辑  收藏  举报