设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 523|回复: 0

[新手入门] css设置table的细边框的方法

[复制链接]

374

主题

381

帖子

2554

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2554
发表于 2014-9-22 11:13:52 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
css设置table的细边框的方法

设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid#000 1px;}这是一个非常不错的方法。

示例:
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>demo</title>
  6. <style type="text/css">
  7. table{border-collapse:collapse;border:none;width:200px;}
  8. td{border:solid #000 1px;}
  9. </style>
  10. </head>
  11. <body>
  12. <table>
  13. <tr><td>军事</td><td>历史</td><td>新闻</td></tr>
  14. <tr><td>军事</td><td>历史</td><td>新闻</td></tr>
  15. </table>
  16. </body>
  17. </html>
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|PHPIN.NET ( 冀ICP备00000001号 )|网站地图  

GMT+8, 2016-12-3 23:37

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表