HTML表格边框样式如何自定义_HTML表格CSS边框样式设置

结论：CSS对表格边框的控制很灵活，但是边框半径和阴影在折叠时存在很多缺陷。

表{ 边界崩溃：分离； 边框半径：8 px； 溢出：隐藏； 盒子阴影：0 2 px 5 px rgba(0,0,0,0.1 ); }
第 { 底部边框：2 px 实心 007 acc； 字体粗细：粗体； 内边距：1 0px；
TD { 顶部边框：1 px ddd 点线； 内边距：8 px； }
tr:nth-child(奇数) { 背景色：f9 f9 f9 ； >
tr:悬停{ 背景色：f0f0f0； >
注意：border-radius仅在separated下有效。

给HTML表格加边框_HTML表格边框CSS样式设置技巧

等等，上次我给客户写报告时发生了一些事情。
表格边框，CSS，明明写的是正确的，但是浏览器里好像有一层雾，边框变粗了。
我盯着代码看了半天，发现我忘记加上border-collapse这句话了。
这件事让我想起了一家小餐馆的菜单：原来桌子就是那个菜单，边框就是菜名之间的分界线。
如果不添加折叠，则线条将是双像；如果加上的话，看起来会很不错。

我记得去年冬天在酒吧里，坐在我旁边的那个人正在写网页。
当他调整桌子边缘时，他总是说：“这个影子看起来像一层保鲜膜。
”我提醒他溢出：隐藏是关键，他尝试了一下，结果成功了。
事实上，这就像清洁桌子一样。
如果不清理的话，就会有灰尘。
清洗干净后，就会光亮的。

突然想到老浏览器不兼容border-radius。
例如，在我家乡的社区公共电脑上，IE8 仍然被屏蔽。
现在，这就像修理水管一样。
如果没有条件安装牢固，就找扳手来拧紧。
例如，尝试使用 -webkit-border-radius。

现在想想，摆桌子就像摆盘子一样。
厚边为主菜，薄边为配菜；圆角是刀工，阴影是浅色的。
什么都没有丢失。
但最好的还是日本杂货店。
他们的菜单边框是手绘的，厚实的，圆润的，边缘略显粗糙，显得特别漂亮。
这让我想知道，如果网页表单也能如此“不完美”，那不是更有趣吗？