I'm building a site with a few div boxes with a 1px border. I would like the top 30px or so of those boxes to have a different color background, which is where I'm going to place the title for that box.

Is this possible to do without using an image?

Add a Div box with 30px in height within each box and set the background color of the inner boxes?

Just create the div, with the border, and add another div in there, and float it. Or you could add position:relative; to the container and do position:absolute;top:0;height:30px; to the inner block.

Cheers