[CSS] Esquinas bordeadas. ¿Como? No lo entiendo.

Iniciado por Ori-chan, 20 Diciembre 2012, 21:04 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

Ori-chan

20 Diciembre 2012, 21:04 PM
Código (lenguaje) [Seleccionar]

<html>
<head>
<title>Nyan</title>
</head>
<STYLE type="text/css">
</STYLE>
<body>
<DIV style="position: fixed; left: 10px; top: 10px; border: 4px
soild blue; color: white; background-color: black; width: 400px">
¿Comoo?
</DIV>
</body>
</html>




He investigado un poco y se que hay que poner esto:

Código (lenguaje) [Seleccionar]

-webkit-border-radius:  20px;
-moz-border-radius: 20px;
border-radius: 20px;

Y mas tipos... ( http://www.miguelmanchego.com/2010/css3-esquinas-redondeadas/ )

Sonara muy tonto. Pero no consigo saber donde se tiene que poner ese fragmento de código.

Gracias por leer y feliz "fin del mundo"!!  ;D

karmany

#1
20 Diciembre 2012, 21:29 PM
La mayoría de navegadores actuales ya reconoce border-radius:
Citar"The border-radius property is supported in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera."

Puedes dejarlo así:

Código [Seleccionar]
<html>
<head>
<title>Nyan</title>
</head>
<STYLE type="text/css">
</STYLE>
<body>
<DIV style="position: fixed; left: 10px; top: 10px; border: 4px
soild blue; color: white; background-color: black; width: 400px; border-radius: 5px;">
¿Comoo?
</DIV>
</body>
</html>

cassiani

#2
21 Diciembre 2012, 16:18 PM
Código [Seleccionar]
http://www.css3maker.com/

dato000

#3
22 Diciembre 2012, 07:02 AM
Cita de: cassiani en 21 Diciembre 2012, 16:18 PM
Código [Seleccionar]
http://www.css3maker.com/

de oro esta página, excelente aporte amigo gracias!


Ori-chan

#4
22 Diciembre 2012, 12:16 PM
Tissiemous. ¿Por que comentas? Mas bien... ¿Que comentas? Que yo sepa no esta permitido hacer publicidad.

Imprimir
Ir Arriba Páginas1
Acciones del Usuario