Rounded Corners sin imágenes

0 - - 21/11/2005 00:00:00

En CSS3 se define la propiedad border-radius, que permitirá redondear las esquinas de los bordes. En Mozilla ya existe la propiedad -moz-border-radius que nos permite realizar los famosos "rounded corners" para cajas de texto sin utilizar imágenes para ello.

CSS
.curvacaja {
  width: 250px;
  padding: 10px;
  background-color: #E4E4E4;
  border: 1px solid #E4E4E4;
  color: #666;
  -moz-border-radius: 25px;
}
HTML:
<div class="curvacaja">
  <p> Lorem ipsum dolor sit amet,....</p>
</div>

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha