Re: Table style problem...

Discussion in 'HTML' started by Jonathan N. Little, Jun 5, 2005.

  1. Ben wrote:
    > how can I make a table looks like the following image...
    > I mean the "white" border inside the table...
    >
    > I create this using photoshop...
    > Thanks..
    > Ben
    >
    >
    >

    Ah, how about...
    -------------------------------------------------------
    <html>
    <head>
    <title>Table Test</title>
    <style type="text/css">
    body {
    background-color: #5F5;
    }
    table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #FFF;

    }
    th {
    background-color: #BEF;
    border-bottom: 1px solid #BBB;
    }
    td {
    background-color: #FF0;
    border-top: 1px solid #DDD;
    }

    .wrapper {
    border: 1px solid #000;
    width: 150px;
    }
    </style>
    </head>
    <body>
    <div class="wrapper">
    <table>
    <tr><th>Title</th></tr>
    <tr><td>Item 01</td></tr>
    <tr><td>Item 02</td></tr>
    </table>
    </div>
    </body>
    </html>
    -------------------------------------------------------

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Jun 5, 2005
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. David Williams
    Replies:
    2
    Views:
    1,154
    Jacob Yang [MSFT]
    Aug 12, 2003
  2. Rob Nicholson
    Replies:
    3
    Views:
    809
    Rob Nicholson
    May 28, 2005
  3. Rio
    Replies:
    4
    Views:
    1,224
  4. Rahul
    Replies:
    5
    Views:
    664
    Rahul
    Jul 23, 2009
  5. Ken Varn
    Replies:
    0
    Views:
    503
    Ken Varn
    Apr 26, 2004
Loading...

Share This Page