首页 > 其他 > 详细

表格实现导航【2】

时间:2015-06-09 06:06:11      阅读:246      评论:0      收藏:0      [点我收藏+]

一、表格实现网页导航

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>

  

表格实现导航【2】

原文:http://www.cnblogs.com/boyblog/p/4562379.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!