大佬教程收集整理的这篇文章主要介绍了如何摆脱表格中每第 5 行的边框底部较厚的事实?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我注意到我的表格中,我设置了边框折叠:折叠和边框底部:1px 实心灰色,每 5 行的行之间有一条更粗的线。我怎样才能让它们也是 1px?
我还注意到我无法设置边界半径。这是为什么?
这是我的代码:
__attribute__ ((section(".ramfunc")))
对我来说更厚的 border-bottom
没问题。所以你的问题很可能出在你没有分享的 HTML 中......
.list table {
margin: 0 auto;
width: 95%;
border-collapse: collapse;
border: 2px solid black;
border-radius: 10px; //HAS NO EFFECT
}
.list th,.list td {
border-bottom: 1px solid grey;
padding: 10px;
}
<div class="list">
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
<td>Row 1 Data 3</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
<td>Row 2 Data 3</td>
</tr>
<tr>
<td>Row 3 Data 1</td>
<td>Row 3 Data 2</td>
<td>Row 3 Data 3</td>
</tr>
<tr>
<td>Row 4 Data 1</td>
<td>Row 4 Data 2</td>
<td>Row 4 Data 3</td>
</tr>
<tr>
<td>Row 5 Data 1</td>
<td>Row 5 Data 2</td>
<td>Row 5 Data 3</td>
</tr>
<tr>
<td>Row 6 Data 1</td>
<td>Row 6 Data 2</td>
<td>Row 6 Data 3</td>
</tr>
<tr>
<td>Row 7 Data 1</td>
<td>Row 7 Data 2</td>
<td>Row 7 Data 3</td>
</tr>
<tr>
<td>Row 8 Data 1</td>
<td>Row 8 Data 2</td>
<td>Row 8 Data 3</td>
</tr>
<tr>
<td>Row 9 Data 1</td>
<td>Row 9 Data 2</td>
<td>Row 9 Data 3</td>
</tr>
<tr>
<td>Row 10 Data 1</td>
<td>Row 10 Data 2</td>
<td>Row 10 Data 3</td>
</tr>
<tr>
<td>Row 11 Data 1</td>
<td>Row 11 Data 2</td>
<td>Row 11 Data 3</td>
</tr>
</table>
</div>
以上是大佬教程为你收集整理的如何摆脱表格中每第 5 行的边框底部较厚的事实?全部内容,希望文章能够帮你解决如何摆脱表格中每第 5 行的边框底部较厚的事实?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。