codigos-css

Manual css

Redondear bordes con CSS

- Primero crearemos un cuadro de texto. con un "div"
Ejemplo::
<div id="ejemplodiv">contenido</div>
Ahi ya tenemos la base en HTML, pero ahora la vamos a adornar con "CSS" para darle forma, color y el efecto de esquinas redondeadas.
Entonces como vemos en el ejemplo pasado la identificacion del div fue "ejemplodiv", (Puede poner el nombre que quieras) Y lo llamaremos mediantes css asi:
<style> #ejemplodiv { Width:400px; /* Esto es el ancho del cuadro */ height:50px; /* Esto es el alto del cuadro */ background;#yellow; /* esto es el color de fondo */ border:1px solid black; /* El "1px" dice el ancho del borde, el "solid" la textura, y el "black" color (black=negro) */ } </style>
Y esto se debiese ver asi:
- Ahora agregaremos los siguientes CSS, que le dan la orden al nevegador de redondear los bordes:
<style> -moz-border-radius:5px; -khtml-border-radius:5px; /* Puedes modificar los valores a tu gusto */ </style> Tendria que quedar asi:

Atención: Este recurso NO es compatible con todos los navegadores, solo funcionare con Mozila firefox, Safari y Google Chorme.
<="" b="">
Codigo CSS <style> #ejemplodiv { Width:400px;height:50px; background;#yellow; border:1px solid black; -moz-border-radius:5px; -khtml-border-radius:5px; </style>
Codigo HTML <div id="ejemplodiv">contenido</div>

Puedes utilizar tu creatuvidad y crear diversos cuadros de contenido!