css圆内小半圆 |css中图片放大代码

css li 嵌套，css img点击事件，点击后修改css样式，css样式分析怎么写，css打开页面掉入后台接口，css 设置div文字垂直居中，css中图片放大代码 css圆内小半圆 |css中图片放大代码

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #f2f2f2;
position: relative;
}
.circle:before {
content: "";
width: 200px;
height: 100px;
border-radius: 0 0 100px 100px;
background-color: #f2f2f2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}

这段CSS代码的作用是定义了一个类名为”circle”的div容器，使用border-radius属性设定了其为圆形，同时也定义了圆形的宽高和背景颜色。在圆形中心线下面定义了一个伪元素:before，并对该元素进行定位，使其位于圆形底部，通过border-radius属性使伪元素成为半圆形，其大小和圆形大小相同。通过这样的方法，大家就成功实现了圆内小半圆的效果。