css3 - border-radius兼容性问题

 十分风格的功夫_723 发布于 2022-11-06 04:50

想设置table的四个角是圆弧状,但是下边的两个角在火狐中无法显示出来。在谷歌中可以正常显示

table上部分的代码:`

                    table header
                    th2
                    th3
                `

table下边的代码:


                            row seven
                            val
                            val
                        
#r5 .radius_t{
    border-radius: 5px 0 0 0;
}

#r5 .radius_r{
    border-radius: 0 5px 0 0;
}

#r5 .radius_b{
    -moz-border-radius-bottomright: 5px;
}

#r5 .radius_l{
    -moz-border-bottom-left-radius: 5px;
}

1 个回答
  • 首先有个建议 thead 里面套了tr别忘记
    其次:写法是这样的顺序 你看下是不是写错了
    border-top-left-radius: 2em 0.5em;
    border-top-right-radius: 1em 3em;
    border-bottom-right-radius: 4em 0.5em;
    border-bottom-left-radius: 1em 3em;

    2022-11-12 01:48 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有