我有一个表,我有一个类设置为“underRow”的tr.
在CSS我有:
.underRow { border-bottom-color: #7a26b9; border-bottom-style: solID; border-bottom-wIDth: 1px;}
但是行边界似乎根本没有变化.如果我将class属性向下移动到td,它可以正常工作(但问题是我在填充单元格之间的中间有一个空格.我想避开这个空间并在行下方有一条直线.
将CSS边框属性放在row(tr)元素上有什么问题吗?
以下是此表中其余的CSS供参考:
.quantitytable { border-radius: 5px 5px 5px 5px; background-color: #d6b4E1; padding: 5px; margin-bottom: 5px; wIDth: 100%; border-wIDth: 2px; border-color: #7a26b9; border-style: solID;}
最佳答案不,它应该工作.见:http://jsfiddle.net/jasongennaro/qCzrg/
也许你需要折叠你的边界
border-collapse:collapse
或者也许TD的其他风格是最重要的
你能展示更多的代码吗?
根据您的编辑:
(but the issue is that i get a space in the mIDdle where the padding
is between the cells. I want to avoID this space and have one straight
line below the row.
听起来你肯定需要边界崩溃
您应该将其添加到表格的样式中.
这里有一点关于它:http://www.the-art-of-web.com/css/bordercollapse/
编辑2
基于新代码和以下评论:
the issue is that if i use: border-collapse:collapse then the
border-radius styling doesn’t work anymore
我猜你想要这样的东西
.quantitytable{ border-radius: 15px 15px 15px 15px; background-color: #d6b4E1; margin-bottom: 5px; wIDth: 100%; }.underRow{ border-bottom-color: #7a26b9; border-bottom-style: solID; border-bottom-wIDth: 1px;}.underRow:last-child{ border-bottom:none;}.underRow td{ padding: 15px; }
示例:http://jsfiddle.net/jasongennaro/qCzrg/1/
注意
>我把半径做得更大,这样你就可以更容易地看到它.
>我也从表格中删除了边框@H_301_84@ 总结
以上是内存溢出为你收集整理的有什么理由你不能使用CSS在html表中放置一个边框全部内容,希望文章能够帮你解决有什么理由你不能使用CSS在html表中放置一个边框所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)