código de redondeo de borde html

El redondeo de bordes HTML se puede lograr utilizando el atributo "border-radius" en CSS.

1. Cree un nuevo documento HTML, agregue una etiqueta div en la etiqueta del cuerpo y luego establezca un borde para la etiqueta div. En este momento, el borde tiene un ángulo recto de forma predeterminada:

2. Para el div Establezca el atributo "border-radius" en la etiqueta. El valor del atributo es el radio de la esquina. En este momento, las cuatro esquinas superiores del borde se redondearán:

3. Configure el atributo "border-radius" en la etiqueta div. En este momento, los valores del atributo corresponden a la esquina superior izquierda, la esquina superior derecha, la esquina inferior derecha y la esquina inferior izquierda. , puedes personalizar el radio de filete para cada esquina superior: