Help me design CSS for table

**AutumnsDecay** · Apr 12 '08, 11:18 PM

Originally posted by davidson1

hai friends

i am new to css

pl help to design css for table as per below requirement

for table caption(heading ) font verdana size=3 Bold color=#33ffff
for rows in table font verdana size=3

pl reply me..

You could use a DIV, which is styled through CSS.

Code:

<html>
<head>
<title>--</title>
<style>

.table
    {
    background: #FFFFFF;
    width:147px;
    border: 1px solid #000000;
    float:left;
    padding-left:3px;
    }

.style1
    {
    color: #33FFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    size: 3px;
    }

.style2
    {
    color: #33FFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 3px;
    }

</style>
</head>
<body>
<div class="table">
    <span class="style1">Table Header</span>
        <br /><br />
            <span class="style2">Table rows! Table rows!</span>
</div>
</body>
</html>

If you don't want to use a DIV, simply omit the DIV tags in the table and style the table the way you want to. Then use the '.style' for each text element in the table. Be sure NOT to include the '.' in the styles.

Help me design CSS for table

Help me design CSS for table

Comment