Post Singolo : RE: Div angoli arrotomdati - HTML e JAVASCRIPT - Creazione Siti Web

RE: Div angoli arrotomdati

Prendendo spunto da qui
Ecco cosa bisogna fare:

Codice Div

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">

    <b>Titolo DIV</b><br><br>

    Contenuto div

</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>

Codice del css

Codice:

/* STILIZZAZIONI DI BASE DELLA PAGINA */

body

{

    background-color: #FFFFFF;

}

div

{

    font: Normal 10px Verdana;

}

a

{

    color: #FFFFFF;

}

/* CONTENITORI DEI BORDI E DEL CONTENUTO DEL BOX */

div.BORDI

{

    width: 120px;

}

div.CONTENUTO

{

    background-color: #FF6600;

    color: #FFFFFF;

    width: 120px;

    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: #FF6600;

    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;

}

Facci sapere se e' ok wink