问答详情
源自：2-1 CSS3边框 圆角效果 border-radius

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 20:14

个回答

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

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

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

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

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

    0