Los usuarios pueden mejorar el diseño de documentos HTML y páginas web utilizando CSS. Para este propósito, se utilizan muchas propiedades CSS y "Butine" y "Border-Radius" son una de ellas. Más específicamente, el "describir"La propiedad se utiliza para dibujar el esquema y el"radio fronterizo"Se utiliza para configurar las esquinas redondeadas del elemento descrito.

Este blog discutirá:

• ¿Qué es el radio de esquema??
• Cómo aplicar el efecto de radio de esquema en el elemento HTML?

¿Cuál es el radio de esquema??

El "describir"La propiedad se usa para dar forma al esquema del elemento, pero no se puede implementar directamente. Por lo tanto, el método alternativo para aplicar el efecto de radio en un esquema es usar un "radio fronterizo"Propiedad CSS. Especifica las esquinas redondeadas para los contornos.

Cómo aplicar el efecto de radio de esquema en el elemento HTML?

Para usar la propiedad Radius de esquema, revise las instrucciones dadas.

Paso 1: encabezados de incrustación

Inicialmente, incruste los encabezados utilizando cualquier etiqueta de encabezado de "

" a "

". Por ejemplo, hemos utilizado el "

" y "

Paso 2: Agregue el primer contenedor Div

Después de eso, agregue un contenedor usando el "" etiqueta. Además, inserte el "claseAtribuye y especifique el nombre de la clase de acuerdo con su elección.

Paso 3: Crea un segundo contenedor Div

Crea otro "div"Contenedor siguiendo el mismo procedimiento:

Linuxhint Ltd UK

Diferentes ejemplos para el radio fronterizo para crear las esquinas de una circular de contorno.

Linuxhint proporciona el mejor y más exclusivo contenido para sus usuarios.


Funciona en múltiples categorías.

La salida del código anterior se muestra a continuación:

Paso 4: Establezca el esquema del primer contenedor

Acceda al primer contenedor utilizando el ".Box1-Div"Clase donde el"."Es un selector para acceder a la clase:

.Box1-Div
Esquema: sólido;
Ancho: 300px;
relleno: 15px;
margen: 25px;

Luego, aplique las propiedades CSS de la lista a continuación:

• El "describirLa propiedad se utiliza para agregar un esquema alrededor del elemento. Por ejemplo, su valor se establece como "sólido".
• "ancho"Especifica el tamaño del elemento horizontalmente.
• "relleno"Se utiliza para asignar el espacio alrededor del contenido del elemento.
• "margen"Especifique el espacio en el lado exterior del borde del elemento.

Paso 5: Establezca el contorno del segundo contenedor

Ahora, acceda al segundo elemento con la ayuda de su clase respectiva ".Box2-Div":

.Box2-Div
Esquema: sólido;
Border-Radius: 20px;
Ancho: 300px;
relleno: 15px;
margen: 25px;

Aplicar la propiedad CSS "radio fronterizo"Para definir el radio del elemento. Esta propiedad le permite agregar esquinas redondeadas alrededor del elemento:

Se puede notar que hemos agregado con éxito el efecto de radio de esquema en el elemento HTML.

Conclusión

El "contorno" ya no está disponible. Los usuarios pueden aplicar las propiedades del radio de esquema con la ayuda de las propiedades de "esquema" y "border-radio". El "describir"Agrega un esquema alrededor del elemento y el"radio fronterizo"Se usa específicamente para diseñar el esquema. Esta publicación ha demostrado las instrucciones para agregar el efecto de radio de esquema alrededor del elemento en HTML.