|
Posted by Jonathan N. Little on 06/05/05 16:47
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
Navigation:
[Reply to this message]
|