•  
     

Boras arredondadas em css para qualquer navegador

Bordas.css

Código: Selecionar todos

<style>
.b1 {
height:1px;
font-size:1px;
background:#aaa;
margin:0 5px;
}
.b2 {
height:1px;
font-size:1px;
background:#fff;
border-right:2px solid #aaa;
border-left:2px solid #aaa;
margin:0 3px;
}
.b3 {
height:1px;
font-size:1px;
background:#fff;
border-right:1px solid #aaa;
border-left:1px solid #aaa;
margin:0 2px;
}
.b4 {height:2px;
font-size:1px;
background:#fff;
border-right:1px solid #aaa;
border-left:1px solid #aaa;
margin:0 1px;
}
.b5 {
border-left:1px solid #aaa;
border-right:1px solid #aaa;
display:block;
}
</style>
<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
<div class="b4"></div>
<div class="b5">
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
</div>
<div class="b4"></div>
<div class="b3"></div>
<div class="b2"></div>
<div class="b1"></div>