Originariamente inviato da Hobby
Codice CSS
codice:
/* CONTENITORI DEI BORDI E DEL CONTENUTO DEL BOX */

div.BORDI {width: 120px;}

div.CONTENUTO{background-color: #b1d6a7;
color: #000000;
width: 110px;
padding: 5px;}

/* CREAZIONE DEGLI ANGOLI SMUSSATI */

span.TOP, span.BOTTOM{display: Block;
background-color: #FFFFFF;}

span.TOP span, span.BOTTOM span{display: Block;
overflow: Hidden;
background-color: #b1d6a7;
height: 1px;}

span.RIGA1{margin: 0 5px;}

span.RIGA2{margin: 0 3px;}

span.RIGA3{margin: 0 2px;}

span.TOP span.RIGA4, span.BOTTOM span.RIGA4{margin: 0 1px;
height: 2px;}
Codice HTML
codice:
<div class="BORDI">
<span class="TOP">
<span class="RIGA1"></span>
<span class="RIGA2"></span>
<span class="RIGA3"></span>
<span class="RIGA4"></span>
</span>
</div>

<div class="CONTENUTO">
XHTML con Style

 Corso gratuito e completo per principianti e non

</div>

<div class="BORDI">
<span class="BOTTOM">
<span class="RIGA4"></span>
<span class="RIGA3"></span>
<span class="RIGA2"></span>
<span class="RIGA1"></span>
</span>
</div>

ok ho provato funziona.Ma è un piccolo quadratino mi serve 996 pixel per 1195pixel ,come faccio ?
ho povato ad ingrandire il div , ma escono dei quadrettoni e si perde la rotondanza.