17-Bordes redondeados en css

Los bordes se poden redondear con la propriedad border-radius

Lo primero es defenir el estilo del borde, despues le decimos con la propriedad border-radius que los queremos redondos

Ejemplo

Border normal
Border redondeado con 5px
Border redondeado con 20px
Border redondeado con 50px

...

Ejemplo del codigo

<p style="border:1px solid black">Border normal</p>
<p style="border:1px solid black; border-radius:5px">Border redondeado con 5px</p>
<p style="border:1px solid black; border-radius:20px">Border redondeado con 20px</p>
<p style="border:1px solid black; border-radius:50px">Border redondeado con 50px</p>

---

En css se puede especificar las propriedades de los bordes de forma abreviada

ejemplo

Border normal

Ejemplo del codigo

<p style="border-style:dotted 1px solid black">Border normal</p>

Ir al indice

---