table中border-collapse和border-radius冲突的解决办法

今天用table写页面,css样式如下:


这是table

当然我想把table的边框变成圆角的时候,却怎么也没能成功,始终都是直角,但是如果我去掉collapse就能够实现圆角功能,这两者显然是冲突。

目前我能想到的最简单直接有效的办法就是:

在table外面套一个div,把border-radius给div

这样的方法刚好能解决我项目中遇到的问题,不知道对大家有没有帮助。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1 92
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,384评论 0 11
  • 小的时候,我有过很多愿望和想法。比如说空姐,警察,花店老板,画画,做音乐,做心理医生…… 随着年纪的增长,这些愿望...
    子不语不语阅读 1,196评论 0 1
  • 入住简书有一段时间了,写了几篇小文,有的幸得一二文友发现,给予善良的鼓励和友好的关注,有的写完了就一直静静地在那个...
    云殇_阅读 1,891评论 9 8
  • 友谊赛,国米VS比利亚雷亚尔,国米加油!!!
    2个孩子的父亲阅读 1,131评论 0 0