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增加了对它的支持,它仍然缺少最后一个孩子.但是,在您的情况下,边框半径无论如何也不会在这些浏览器中运行.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效