# \[CSS\]Table Border?

**URL:** <https://forum.kirupa.com/t/css-table-border/86087>\
**Category:** web dev\
**Created:** [April 10, 2005, 1:20am UTC](https://forum.kirupa.com/t/css-table-border/86087 "2005-04-10T01:20:42Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ectheo](https://avatars.discourse-cdn.com/v4/letter/e/7cd45c/32.png) [@Ectheo](https://forum.kirupa.com/u/Ectheo)\
**Post date:** [April 10, 2005, 1:20am UTC](https://forum.kirupa.com/t/css-table-border/86087/1 "2005-04-10T01:20:42Z")

</div>

I was following the rounded table borders tutorial, and at one point, it has it arranged in 3 table rows:one for the top, one for the bottom, and one in the middle. The top and the bottom are images, and the middle one is simply a background color.

Now heres the problem. I already applied a 1px border to the images, but when I go to apply a border to the middle row, the one with simply a background, nothing happens. No border at all. I’m gonna post the css and the html for the table.

CSS:

```auto
div.table
{
position:absolute;
top:125px;
left:200px;
}
.topimage
{
background-image:url(http://www.ectheo.com/images/website/top2.png);
background-repeat:no-repeat;
}
.bottomimage
{
background-image:url(http://www.ectheo.com/images/website/bottom2.png);
background-repeat:no-repeat;
}
.backcolor
{
background-color:B3E6B3;
border:1px;
}

```

HTML:

```auto
<div class="table"><table width="600px" cellpadding="0" cellspacing="0">
<tr><td height="33px" class="topimage"></td></tr>
<tr><td class="backcolor">This is where the text should go....</td></tr>
<tr><td height="33px" class="bottomimage"></td></tr>
</table></div>

```

The div.table is simply for the positioning of the table on my website. Feel free to notify me of any other problems besides the one I’m having.