border-radius

div.semi-circle{ 
    height:50px;
    width:100px;
    background:#9da;
    border-radius:50px ;
    }
   求问border-radius中50px的意思；
   div.semi-circle{ 
    height:50px;
    width:100px;
    background:#9da;
    border-radius:50px 50px 0px 0px;
    }
   不懂两个border-radius代表的意思，求指点

蜗牛不是牛

2016-09-03

源自：十天精通CSS3 2-1

关注问题我要回答

1474

操作

收起

2 回答

imaginationME 回答被采纳 +3 积分
2016-09-03

border-radius:单个值是表示四个角都圆50px, border-radius:50px 50px 0px 0px;表示左上角右上角分别是50px 右下角左下角分别是0px

0 回复有任何疑惑可以回复我~

#1

蜗牛不是牛提问者

这个我知道，如果50px是半径，那么圆心在哪里，不太会找圆心，而且这两个例子让我感觉第一个半径和第二个半径不一样。。。求解

2016-09-03 回复有任何疑惑可以回复我~

#2

imaginationME 回复蜗牛不是牛提问者

div.semi-circle这个盒子的中心也就相当于圆心。

2016-09-03 回复有任何疑惑可以回复我~

#3

蜗牛不是牛提问者回复 imaginationME

感谢。。。

2016-09-05 回复有任何疑惑可以回复我~

上善若水888
2016-09-03

第一个border-radius设置为50px代表你这个盒子的四个角都为圆角50px，

第二个则表示上右下左的顺序，意思就是左上角和右上角的border-radius为50px

0 回复有任何疑惑可以回复我~

#1

蜗牛不是牛提问者

谢谢回复，能告诉我怎么找圆心吗，求解

2016-09-03 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242686 人
解答问题 2623 个

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

本课相似问答

3 回答border-radius:100%与50%都得到圆形？

5 回答border-radius:100px / 10px;这里的 “ / ” 是啥意思？

3 回答为什么在border-radius:50px;中，当值大于等于50px时弯曲的半径效果会跟border-radius:50px;一样呢？

7 回答border-radius:100px / 10px;中这个除法是如何使用的

4 回答border-radius:100px / 10px这是什么意思以多少为半径

搜索更多本课相关问答

border-radius

我要回答关注问题

意见反馈帮助中心 APP下载