codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Rounded Tables with CSS3

    2nd July 2014

    CSS

    Css - Codehaven

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
     
    <style type='text/css'>
     
    table {
    background:#ccc;
    margin:20px;
    border:#ccc 1px solid;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px}
    table th {padding:4px 10px}
     
    table td {
    background:#fff;
    padding:2px 10px 4px 10px}
     
     
    table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px}
    table tr:last-child td:last-child {
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius:10px}
     
    table.collapsed {border-collapse:collapse}
    </style>
     
    </head>
     
    <body>
     
    <h1>Rounded Tables with CSS3</h1>
     
    <table>
    <tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr>
    <tr><td>1</td><td>1</td><td>2</td></tr>
    <tr><td>3</td><td>5</td><td>8</td></tr>
    <tr><td>13</td><td>21</td><td>34</td></tr>
    <tr><td>55</td><td>89</td><td>144</td></tr>
    <tr><td>233</td><td>377</td><td>610</td></tr>
    </table>
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN