【问题标题】:Rounded corners on collapsed table border折叠表格边框上的圆角
【发布时间】:2014-09-28 18:38:04
【问题描述】:

我已经弄清楚如何为表格制作更细的边框,但我正在努力使边框完美。我想要圆角,但是当我折叠边框(使它们变薄和一个)时它似乎没有帮助,而且它在没有折叠的情况下工作得非常好,但是桌子看起来不对。帮忙?

JSFiddle:http://jsfiddle.net/Yx865/

重点在这里:

.myData .myTable table{
   border-collapse:collapse;
   border-top-right-radius:20px;
   border-top-left-radius:20px;
   border:1px solid black;
}

【问题讨论】:

  • 我不会使用 PHP 标记,除非它绝对相关(包括实际的 PHP 代码)。这里的 PHP 社区会把你的问题撕成碎片。
  • 这是我正在处理的基于数据库的项目,其中信息将被插入到查看表中。这不是一件聪明的事吗?

标签: html css-tables


【解决方案1】:

如果要保留边框,请确保隐藏溢出

overflow: hidden;

http://jsfiddle.net/n2hB3/

【讨论】:

  • 嘿,你能再发一个 jsfiddle 吗?它说不存在?
猜你喜欢
  • 1970-01-01
  • 2022-11-24
  • 2010-10-10
  • 2012-02-11
  • 1970-01-01
  • 1970-01-01
  • 2015-09-28
  • 1970-01-01
  • 2011-12-18
相关资源
最近更新 更多