CSS画个一个红色的同心圆 内圆红色 外圆白色
时间: 2024-04-29 19:22:30 浏览: 6
可以的,您可以使用以下 CSS 代码绘制一个红色的同心圆:
```
<div style="width: 100px; height: 100px; background-color: white; border-radius: 50%; border: 5px solid red; box-sizing: border-box;"></div>
```
这个代码将创建一个 100x100 像素的正方形元素,将其圆角设置为 50%,并使用红色边框使内圆变成红色,同时保持外部圆圈白色。
相关问题
用css画一个红色的圆
可以这样用 CSS 画一个红色的圆:
```css
.circle {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: red;
}
```
如果你想用 CSS 画一个更大或更小的圆,可以改变 `width` 和 `height` 的值。如果你想改变圆的颜色,可以修改 `background-color` 的值。
css 画一个100px的红色圆
可以使用以下 CSS 代码来画一个100px的红色圆:
```
<style>
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}
</style>
<div class="circle"></div>
```