单选选中的为什么是方形的啊,不是设置了border-radius: 100%;么

来源:7-3 CSS3选择器 :checked选择器

表示很不蛋定

2015-04-28 14:25

在.box span添加了border-radius: 100% 选出来的结果仍然是方形的,要改成圆形的怎么办。

另外 如果要实现点击 男女 文字也能单选 ,该怎么改。。

写回答 关注

2回答

  • 广藿香Patchouli
    2015-10-10 17:02:58

    border-radius:0px;

  • 成者并非一蹴而就
    2015-04-28 17:13:41

    当你的半径设置等同于元素高度,就是圆形了,eg:

    div{
        height:100px;/*与width设置一致*/
        width:100px;
        background:#9da;
        border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/
        }


    广藿香Pat... 回复表示很不蛋定

    因为border-radius设置的是四个圆角的半径,四个半径分别为左上、右上、右下、左下。 所以把border-radius设置为0px就好了。 border-radius:0px;

    2015-10-10 17:02:36

    共 2 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题