logo htlm 5
<<VOLVER A LAS PROPIEDADES

Ejemplo de border-radius

Las propiedad de bordes redondeados esta a prueba por lo que no funciona en todos los navegadores y en mozilla utiliza el prefijo moz-border-style y en safari mk-border-style exiten páginas web donde te generan el código de una manera visual muy fácil, tu solo lo copias lo único que tienes que hacer es buscarlo en google como http://www.cssmatic.com/es/border-radius

Código

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="iso-8859-15" />
<title>estilos propiedades</title>
<style type="text/css">
#redondo{
border-radius: 80px 80px 80px 80px;
-moz-border-radius: 80px 80px 80px 80px;
-webkit-border-radius: 80px 80px 80px 80px;
border: 3px solid #000000;
padding:20px}
</style>
<link href="hoja_indice.css"rel="stylesheet" type="text/css">
</head>

<body>
<div id="redondo">
<h2>Ejemplo de border-radius </h2>
<p>Las propiedad de bordes redondeados esta a prueba por lo que no funciona en todos los navegadores y en mozilla utiliza el <strong>prefijo moz-border-style</strong> y en <strong>safari mk-border-style </strong>exiten p&aacute;ginas web donde te generan el c&oacute;digo de una manera visual muy f&aacute;cil, tu solo lo copias lo &uacute;nico que tienes que hacer es buscarlo en google como <a href="http://www.cssmatic.com/es/border-radius" target="_blank">
http://www.cssmatic.com/es/border-radius </a></p>
</div>