css – 我可以用圆角做一个表格线吗?

前端之家收集整理的这篇文章主要介绍了css – 我可以用圆角做一个表格线吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在使用 HTML和CSS来绘制我的简历,但是我在设计< tr>元件.

这不是在桌子里工作吗?

-moz-border-radius: 5x;
-webkit-border-radius: 5px;

解决方法

是的,它在td和th元素的表中工作,但不在tr上.您也可以在桌子上使用它来整个桌子的角落.

如果要舍入一行单元格,以便左右的元素是四舍五入的,则需要使用:first-child和last-child伪类:

tr td:first-child {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;

}

tr td:last-child {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

IE6不支持第一个孩子,而IE7增加了对它的支持,它仍然缺少最后一个孩子.但是,在您的情况下,边框半径无论如何也不会在这些浏览器中运行.

原文链接:https://www.f2er.com/css/216706.html

猜你在找的CSS相关文章