Tecnología

Inicio

Cómo crear esquinas redondas en DIV

March 6

Cómo crear esquinas redondas en DIV


El diseño web es un campo en rápido crecimiento y emocionante. Se ofrece muchas oportunidades para el desarrollo profesional y generalmente paga bien. Diseño web puede ser un reto, ya que requiere el dominio de una amplia variedad de técnicas. El DIV es una de las unidades fundamentales de diseño web que se utilizan para organizar la información en una página. Aprender a manipular visualmente DIV es una habilidad crucial para los diseñadores web.

Instrucciones

1 Abra un editor de texto como el Bloc de notas. Esto puede hacerse navegando a "Inicio", "Todos los programas", "Accesorios", a continuación, poner en marcha el Bloc de notas.

2 Copiar y pegar o escriba este código en el Bloc de notas para crear un DIV:

<Html>

&lt;body>
&lt;div id=&quot;example>
&lt;/div>
&lt;/body>

</ Html>

3 Inserta este código después de la etiqueta "<body>":

<Style>

#example { width: 300px; height: 300px; background-color: red;}

</ Style>

4 El código en los pasos 2 y 3 para crear un div un cuadrado rojo de 300x300 píxeles. Guarde el archivo como un ".html" y abrirlo en un navegador para ver el resultado.

5 Volver al Bloc de notas y agregue el código siguiente después de "background-color: rojo ;." Este código será redondear las esquinas de la div. Cambie el valor de píxeles para que las esquinas más o menos redondeada.

la frontera de radio: 5px;