Inserire una linea orizzontale

Quando si fa un discorso, una pagina, che si deve dividere, può essere comodo inserire una linea orizzontale che divida i due argomenti. Ora vi spiego come fare:

Il tag <hr> è quello che serve per creare una linea. Scrivendo solamente <hr> per ottenere una linea che occupa l’intera larghezza della pagina. Così:




Tuttavia esistono diversi tag attributi per le linee:
  • align: allinea a destra (right), sinistra (left) e centro (center), nel seguente ordine:
    • <hr align="right" color="red" size="1" width="150" />
    • <hr align="center" color="red" size="1" width="150" />
    • <hr align="left" color="red" size="1" width="150" />







  • color: il colore della linea (funziona solo in MsIe):

             <hr align="center" color="#E52B50" size="5" width="150" />







            <hr align="center" color="#007FFF" size="5" width="150" />







            <hr align="center" color="#050402" size="5" width="150" />




  • size: l’altezza della linea, espressa in pixel (in ordine di altezza)
            <hr align="center" color="#050402" size="1" width="150" />
                <hr align="center" color="#050402" size="5" width="150" />
                   <hr align="center" color="#050402" size="30" width="150" />
                     <hr align="center" color="#050402" size="55" width="150" />




        • width: la larghezza della linea (espressa in pixel o percentuale)
                    <hr align="center" color="#050402" size="1" width="150" />
                   <hr align="center" color="#050402" size="1" width="350" />
                   <hr align="center" color="#050402" size="1" width="100%" />
                    <hr align="center" color="#050402" size="1" width="30%" />












        • noshade: elmina l’effetto grafico di profondita’ della linea, (oppure: noshade="noshade"):
        <hr align=”left” size=”15″ width=”300″ color=”red” noshade>


        <hr align=”left” size=”15″ width=”300″ color=”red”>

        Ecco un’esempio di linea:


        Nessun commento:

        Posta un commento

        Ti ringrazio per ogni commento, appunto, modifica o richiesta di chiarimento. Mantenendo sempre un tono civile. Ogni commento che non rispetta tali regole, sarà eliminato, sopratutto se fatto in maniera anonima. TI ricordo che cerchiamo nuovi collaboratori o appunti, per implementare il materiale presente sul sito.

        Related Posts Plugin for WordPress, Blogger...