Skip to content

Instantly share code, notes, and snippets.

@Javlopez

Javlopez/redondo.html

Created January 3, 2012 19:21
Show Gist options
  • Save Javlopez/1556454 to your computer and use it in GitHub Desktop.
Save Javlopez/1556454 to your computer and use it in GitHub Desktop.
Download ZIP
bordes redondeados con Divs y CSS hasta en explorer
Raw
redondo.html
<html>
<head>
<style>
.contenedor-que-indica-el-ancho { width:250px; }
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#D1D1D1; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #D1D1D1; border-left:2px solid #D1D1D1; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #D1D1D1; border-left:1px solid #D1D1D1; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #D1D1D1; border-left:1px solid #D1D1D1; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #D1D1D1; border-left:1px solid #D1D1D1;}
.contentb div {margin:0;}
</style>
</head>
<body>
<div class="contenedor-que-indica-el-ancho">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<div class="contentb">
<div>
aca esta el contenido
</div>
</div>
<b class="b4"></b>
<b class="b3"></b>
<b class="b2"></b>
<b class="b1"></b>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment