單選選中的為什么是方形的啊，不是設(shè)置了border-radius: 100%;么

在.box span添加了border-radius: 100% 選出來的結(jié)果仍然是方形的，要改成圓形的怎么辦。

另外如果要實(shí)現(xiàn)點(diǎn)擊男女文字也能單選，該怎么改。。

表示很不蛋定

2015-04-28

源自：十天精通CSS3 7-3

關(guān)注問題我要回答

2198

操作

收起

2 回答

廣藿香Patchouli
2015-10-10

border-radius:0px;

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

成者并非一蹴而就
2015-04-28

當(dāng)你的半徑設(shè)置等同于元素高度,就是圓形了,eg:

div{
????height:100px;/*與width設(shè)置一致*/
????width:100px;
????background:#9da;
????border-radius:50px;/*四個(gè)圓角值都設(shè)置為寬度或高度值的一半*/
????}

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

表示很不蛋定提問者

也就是在.box span 里添加“border-radius: 5px;”咯？也不行啊T.T還是方的。但是把顏色改成非白色的話還是看的到圓。 .box span { display: block; width: 10px; height: 10px; border-radius: 5px;/*弄成一半了還是方的*/ position: absolute; background: #9da;/*改下顏色，能看到圓了但是還是有方的外形*/ top: 50%; left:50%; margin: -5px 0 0 -5px; z-index:1; }

2015-04-29 回復(fù) 有任何疑惑可以回復(fù)我~

#2

廣藿香Patchouli 回復(fù) 表示很不蛋定提問者

因?yàn)閎order-radius設(shè)置的是四個(gè)圓角的半徑，四個(gè)半徑分別為左上、右上、右下、左下。所以把border-radius設(shè)置為0px就好了。 border-radius:0px;

2015-10-10 回復(fù) 有任何疑惑可以回復(fù)我~