开发者社区 问答 正文

border-radious的具体含义

css画一个同心圆。
screenshot

  .concentric_circle{
         width: 100px; 
         height: 100px; 
         background: red;
         border-radius:100px;
         border:20px solid yellow;
    }

在border-radius>=100px和border<=50px时,都是给规则的同心圆。达达们请解释一下为什么会是同心圆?

同样,css画椭圆
screenshot

 .oval{
        width:200px;
        height:100px;
        border-radius: 100px / 50px; /*水平半径 垂直半径*/
    }

100px/50px得到的真的是符合数学的标准椭圆吗?

展开
收起
杨冬芳 2016-06-06 09:56:15 2806 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    border-radius详解

    2019-07-17 19:27:43
    赞同 展开评论
问答分类:
问答地址: