El borde redondeado de las notas de estudio css33 15

Escritura

border-radius: length;

El valor del parámetro puede tener la forma de un número o un porcentaje.

Forma redonda

Si es un cuadrado, configúrelo como un círculo y establezca el parámetro en la mitad de la longitud o el ancho del rectángulo.

.yuanxing {
    
    
            width: 200px;
            height: 200px;
            background-color: pink;
            border-radius: 50%;
            /* border-radius: 100px; */
        }

Rectángulo redondeado

Establezca el parámetro a la mitad de la altura.

.juxing {
    
    
            width:400px;
            height: 200px;
            background-color: pink;
            border-radius: 100px;

        }

Otras formas de escribir atributos

• Este atributo es un atributo abreviado, que puede ir seguido de cuatro valores, que representan la esquina superior izquierda, la esquina superior derecha, la esquina inferior derecha y la esquina inferior izquierda.
• 分开 写 ： border-top-left-radius 、 border-top-right-radius 、 border-bottom-right-radius 和 border-bottom-left-radius