border-radius

来源:2-1 CSS3边框 圆角效果 border-radius

蜗牛不是牛

2016-09-03 20:14

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代表的意思,求指点


写回答 关注

2回答

  • imaginationME
    2016-09-03 20:24:54
    已采纳

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

    蜗牛不是牛 回复imagin...

    感谢。。。

    2016-09-05 09:23:02

    共 3 条回复 >

  • 上善若水888
    2016-09-03 20:28:00

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

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

    蜗牛不是牛

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

    2016-09-03 20:45:00

    共 1 条回复 >

十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题