Scribd Logo
Importer

Bienvenue sur Scribd !

  • Css 6 Liste Si Tabele

    Transféré par

    p_isaic989
    2 vues2 pages
    CSS si HTML

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOC, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    CSS si HTML

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    2 vues2 pages

    Css 6 Liste Si Tabele

    Transféré par

    p_isaic989
    CSS si HTML

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    Fisa css 6

    Liste <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    Diferite tipuri de liste neordonate(unordered) </ol>

    <html> <ol class="lroman">


    <head> <li>Coffee</li>
    <li>Tea</li>
    <style type="text/css">
    <li>Coca Cola</li>
    ul.disc {list-style-type: disc}
    </ol>
    ul.circle {list-style-type: circle}
    ul.square {list-style-type: square}
    <ol class="uroman">
    ul.none {list-style-type: none}
    <li>Coffee</li>
    </style>
    <li>Tea</li>
    </head> <li>Coca Cola</li>
    </ol>
    <body>
    <ul class="disc"> <ol class="lalpha">
    <li>Coffee</li> <li>Coffee</li>
    <li>Tea</li> <li>Tea</li>
    <li>Coca Cola</li> <li>Coca Cola</li>
    </ul> </ol>
    <ul class="circle"> <ol class="ualpha">
    <li>Coffee</li> <li>Coffee</li>
    <li>Tea</li> <li>Tea</li>
    <li>Coca Cola</li> <li>Coca Cola</li>
    </ul> </ol>
    </body>
    <ul class="square">
    <li>Coffee</li> </html>
    <li>Tea</li>
    <li>Coca Cola</li> Setarea marker-ului de lista folosind o imagine
    </ul>
    <html>
    <ul class="none"> <head>
    <li>Coffee</li>
    <style type="text/css">
    <li>Tea</li>
    ul
    <li>Coca Cola</li>
    {
    </ul>
    list-style-image: url('arrow.gif')
    </body>
    }
    </style>
    </html>
    </head>
    Liste ordonate
    <body>
    <html> <ul>
    <head> <li>Coffee</li>
    <li>Tea</li>
    <style type="text/css">
    <li>Coca Cola</li>
    ol.decimal {list-style-type: decimal}
    </ul>
    ol.lroman {list-style-type: lower-roman}
    </body>
    ol.uroman {list-style-type: upper-roman}
    ol.lalpha {list-style-type: lower-alpha}
    </html>
    ol.ualpha {list-style-type: upper-alpha}
    </style>
    Proprietati:
    </head> list-style-type
    list-style-image
    <body>
    <ol class="decimal">
    1
    Fisa css 6
    Tabele <body>
    <table class="one" border="1">
    <tr>
    Setarea layoutului (modul de afisare) <td>Peter</td>
    <td>Griffin</td>
    <html> </tr>
    <head> <tr>
    <style type="text/css"> <td>Lois</td>
    table.one <td>Griffin</td>
    { </tr>
    table-layout: automatic </table>
    } <br />
    table.two
    { <table class="two" border="1">
    table-layout: fixed <tr>
    } <td>Cleveland</td>
    </style> <td>Brown</td>
    </head> </tr>
    <body> <tr>
    <td>Glenn</td>
    <table class="one" border="1" width="100%"> <td>Quagmire</td>
    <tr> </tr>
    <td width="20%"> </table>
    1000000000000000000000000000</td>
    <td width="40%">10000000</td> </body>
    <td width="40%">100</td> </html>
    </tr>
    </table> Afisarea celulelor fara continut. Uneori am constat
    ca daca nu introducem nimic in celule acestea nu au
    <br /> border; cu empty-cells: show, putem vedea si bordura
    pentru acele celule.
    <table class="two" border="1" width="100%">
    <tr> <html>
    <td width="20%"> <head>
    1000000000000000000000000000</td> <style type="text/css">
    <td width="40%">10000000</td> table
    <td width="40%">100</td> {
    </tr> empty-cells: show
    </table> }
    </style>
    </body> </head>
    </html> <body>
    Setarea distantei dintre celule <table border="1">
    <tr>
    <html> <td>Peter</td>
    <head> <td>Griffin</td>
    <style type="text/css"> </tr>
    table.one <tr>
    { <td>Lois</td>
    border-spacing: 10px <td></td>
    } </tr>
    </table>
    table.two </body></html>
    {
    border-spacing: 10px 50px Proprietatile sunt:
    } table-layout border-spacing empty-cells
    </style>
    </head>
    2

    Vous aimerez peut-être aussi