html – CSS表格样式

我需要将桌子设计成圆角.

我只是在考虑如何最好地解决它:

通常情况下,当我为div设置圆角时,我会在顶部和底部使用2个带有空注释的div,并应用尺寸和尺寸. CSS背景图片给他们.

但是,该表具有内部边框,因此我必须仔细对齐角落bg图像中的垂直线,以匹配真实的单元格边框.

这是否清楚如此
远?

所以我想知道其他人会如何处理这个问题.我认为我能做的最好的事情就是只使用一个完整的固定尺寸背景图像,边框和所有图像,并在顶部覆盖无边框表格.毕竟这个表总是大小相同.

谁能想到更好的方法

解决方法

您最好只使用角落而不是边框​​来制作背景图像.
将类应用于左上角,右上角,左下角和右下角单元格,以定义应使用角落背景图像.

并使用CSS设置边框样式.不要将它们放在背景图像中.

在您的方法中,您将始终最终使背景图像中的垂直线与实际表格单元格的边界不匹配.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些