Anyone have any styled tables they can provide?

I'm looking for a pretty simple styled table for my website.

White, horizontal gridlines (light grey), and maybe a blue or grey top row.

Does anyone have such table they would be willing to share the html/css for?

Any help would be appreciated.

Thanks.

 

Like this ?

<style type="text/css">
table {
	width: 100%;
}
table thead tr th {
	background-color: lightblue;
	padding: 5px;
}
table tbody tr td {
	border-bottom: solid 1px lightgrey;
	padding: 5px;
}
</style>
<table cellpadding="0" cellspacing="0">
	<thead>
		<tr>
			<th>Some Text Some Text Some Text</th>
			<th>Some Text Some Text Some Text</th>
			<th>Some Text Some Text Some Text</th>
		</tr>	
	</thead>
	<tbody>
		<tr>
			<td>Some Text Some Text Some Text</td>
			<td>Some Text Some Text Some Text</td>
			<td>Some Text Some Text Some Text</td>
		</tr>
		<tr>
			<td>Some Text Some Text Some Text</td>
			<td>Some Text Some Text Some Text</td>
			<td>Some Text Some Text Some Text</td>
		</tr>
	</tbody>
</table>

HTML:

 

Great resource to help you.

http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

 

Thank you both - rep added.

jpratama, I'm actually using your table. I added rows and columns, but for some reason, the bottom border only shows up on the first 3 columns of every row - the columns that were in your original code. Do you know what gives?

I'm using the table in a wordpress page, and I added the CSS to the style.php file.

Any help would be appreciated.

Thanks again.

 

Hi,

I'd check you were inserting the new columns correctly, post your code up here so we can double-check!

 

Ah, I figured it out, thanks!