CSS3中border-radius实现椭圆角还可以这样写

2020-02-19431次阅读css模块css

CSS3中border-radius实现椭圆角,常规写法是border-radius:元素高度的一半。如果高度未知,请选择任意大的值(例如99em,999em)。

.circle {
  background: #456BD9;
  border: 2px solid #f00;
  border-radius:1em;
  box-shadow: 0.375em 0.375em 0 0 rgba(15, 28, 63, 0.125);
  width: 100px;
}

 

上一篇: 纯CSS加载中动画  下一篇: CSS 变量传值给JS  

CSS3中border-radius实现椭圆角还可以这样写相关文章