css不用宽高画一个圆 |css输入框提示文字代码

.circle {
width: 50px;
height: 50px;
border-radius: 25px;
}

这是常规画圆的方法，其中border-radius属性设置边框半径为元素本身宽度或高度的二分之一，也就是圆的半径。

除了这种常规的方法，大家还可以使用伪元素和transform属性来画圆。

.circle {
position: relative;
overflow: hidden;
}
.circle::before {
display: block;
content: '';
padding-top: 100%;
}
.circle::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #000;
transform: translate(-50%, -50%);
}

这种方法需要将元素设置为相对定位，并设置其overflow属性为hidden。然后通过伪元素在元素内部创建一个占满整个父元素的块级元素，并设置其padding-top属性为100%，这样它的高度就是它本身宽度的100%。接着再使用另一个伪元素来创建圆形，在border-radius后加上transform: translate(-50%, -50%)来让圆形垂直和水平方向上都居中。

总的来说，使用CSS画圆的方法有很多，这里只是介绍了两种常用的方法，大家可以选择适合自己的方法来实现自己想要的效果。