用css画圆

用css完成一个实心圆形。要求圆形有边框、背景色,边框的宽度为10px、颜色为红色、边框样式为实心。背景色为蓝色。

background-color: blue;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 10px solid red;

用css画圆_第1张图片

用css实现颜色渐变效果

 background: radial-gradient(circle at 10px 10px, rgba(212,207,279,.9),yellow);
            width: 100px;
            height: 100px;
            text-align:center;
            border-radius: 50%;
            border:blue solid ;

用css画圆_第2张图片

你可能感兴趣的:(web前端,css)