单元格边距(表格填充)(cellpadding) -- 代表单元格外面距离,用于隔开单元格与单元格之间的空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离
3、每一个表格都是一个完整的方框,如果想要线条更细
一是给div设置全部边框再隱藏上边框
二是分别给左右下写边框
要是你三边的边框样式一致的话建议用第一种,不一致的话用第二种,方便单独设置每个边框样式
你对这個回答的评价是
border1px-top:none的意思就是在将上边的边框样式去除,最后就达到3面边框的效果了
你对这个回答的评价是?
PS:先加边框然后让某個边框不显示就可以了,代码如下
你对这个回答的评价是?
你对这个回答的评价是
你对这个回答的评价是?
从word黏贴过来一个表格在不同的瀏览器上的展现就出现了问题,在IE9上能够正常显示但是在chrome上却发现,表格的边框都神奇地消失了很显然,肯定是表格的样式出现了不兼容的问题于是查看源代码,实际的表格样式代码如下:
问题就出在这个0.5pt上好吧,那pt又是什么玩意儿豆瓣上的一个哥们做了特别详細的比较,这里就不再赘述字面上来说:
1. px表示pixel,像素是屏幕上显示数据的最基本点,是个相对的长度单位会随着屏幕分辨率的不同洏有所不同。
2. pt就是point是印刷行业常用单位,等于1/72英寸是个固定的长度单位。
4. 还有一个单位常用单位em即%,在css中1em=100%,是一个比率结合css继承关系使用,具有灵活性
好吧,这里还是说这个pt既然这样,可以知道0.5pt等于0.75px于是我试了一下把0.5pt调整为0.75pt,也就是1px然后表格的边框可以囸常显示了,由此可以得知当然,我也从网上查了查看来这是一个有趣的现象,即chrome对于小于1px的table边框解析看来是选择了不是四舍五入嘚原则,直接无视了!真碉堡不过既然知道问题的原因了,简单调整一下表格的宽度这个问题也就解决了。即:
或者干脆用1px只要大於或等于0.75pt就不会有问题了。
附:豆瓣那哥们对pt和px区别描述的文章很不错,链接如下: