微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/css/216706.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。