仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 688|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 给大家带来兼容扫瞄器的网页细线表格计划

[复制链接]
谁可相欹 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:22:55 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

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

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

x
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
网页制造poluoluo文章简介:细线表格假如纯真设置边框,很难包管扫瞄器兼容。罕见的做法是使用CSS2的"border-collapse:collapse;"属性兼并表格边框;并对table元素设置右边框和上边框,对th和td元素设置右侧框和下边框。
细线表格假如纯真设置边框,很难包管扫瞄器兼容。罕见的做法是使用CSS2的"border-collapse:collapse;"属性兼并表格边框;并对table元素设置右边框和上边框,对th和td元素设置右侧框和下边框。
Markup:
  1. <table><tr><th>tablehead(row1,col1)</th><th>tablehead(row1,col2)</th><th>tablehead(row1,col3)</th></tr><tr><td>tabledata(row1,col1)</td><td>tabledata(row1,col2)</td><td>tabledata(row1,col3)</td></tr><tr><td>tabledata(row2,col1)</td><td>tabledata(row2,col2)</td><td>tabledata(row2,col3)</td></tr></table>
复制代码
CSS:
  1. table{border-collapse:collapse;border-spacing:0;border-left:1pxsolid#888;border-top:1pxsolid#888;background:#efefef;}th,td{border-right:1pxsolid#888;border-bottom:1pxsolid#888;padding:5px15px;}th{font-weight:bold;background:#ccc;}
复制代码
</p>
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-5 17:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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