HTML Table Code with Cool CSS

HTML Table Code

HTML Table Code

Need HTML table code for your next project? Why not get a head start on it with this CSS and HTML table layout assembled below. All that needs to be done is change the Item 1-10 to the items in the table and possibly add more style to the CSS.

HTML table code will help to structure data, but are really not supposed to be used for website layout. If you want to make CSS layout style changes, check out our guide to removing elements with CSS

/* sidebar headline 2 */
.titlebox .usertext-body h2 {
border-top: 1px solid #8F8F8F;
padding-top: 5px;
padding-bottom: 5px;
background-color: #C4C4C4; /*E8E8E8 E0E0E0 8F8F8F*/
font-size: 89%;
color: #424242;
text-align: center
}

/* sidebar rules */
.titlebox .usertext-body ol {
background-color: #E8E8E8;
padding-top: 2px;
padding-left: 25px;
padding-right: 20px;
padding-bottom: 5px;
margin: 0px;
font-size: 95%;
color: black
}
/* sidebar rules */
.titlebox .usertext-body ul {
background-color: #BFBFBF;
padding-top: 2px;
padding-left: 25px;
padding-right: 20px;
padding-bottom: 5px;
margin: 0px;
font-size: 85%;
list-style-type: none;
color: gray
}

/* related subreddits table */
.titlebox .usertext-body table {
background-color: #E8E8E8;
width: 100%;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin: 0px;
list-style: none;
font-size: 90%
}
.titlebox .usertext-body th {
display: none
}
.titlebox .usertext-body td:hover {
background-color: #FFDD00;
}

</style>

<table>
<tbody>
<tr>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 1</span></span></td>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 2Item 3</span></span></td>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 4</span></span></td>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 5</span></span></td>
</tr>
<tr>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 6</span></span></td>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 7</span></span></td>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 8</span></span></td>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 9</span></span></td>
<td><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif;”><span style=”font-size: 14px; line-height: 21px;”>Item 10</span></span></td>
</tr>
</tbody>
</table>

 

Item 1 Item 2 Item 3 Item 4 Item 5
Item 6 Item 7 Item 8 Item 9 Item 10
Jophiel Silvestrone

Written by: Jophiel Silvestrone

Jophiel Silvestrone has written 173 posts in the Tech Blog.

Jophiel grew up on a ranch in Paradise Valley, Montana near Chico Hot Springs. Working on the ranch instilled work ethic and self motivation. Filled with this drive, Jophiel started mowing the local school's yards twice a month throughout the summers, at the age of 12. He moved to Billings in 2004, where he has been deeply involved in the local business community ever since. A serial entrepreneur, Jophiel has ran multiple businesses in our local community. The first business, a janitorial and carpet cleaning company, founded in 2005, has employed over 50 locals. Moving on to the media industry, Jophiel and several partners founded Green Directory Montana in the spring of 2007. Green Directory's sustainability ranking software awarded points based on sustainable or "green" actions. These points counted towards a business's total "Green Score," which in turn ranked them against other businesses in their category and throughout the entire site. It also featured a limited edition print version distributed annually. A business acquisition allowed Jophiel to focus on new projects, and a few close business colleagues and Jophiel started Rocky Mountain Mr. & Ms. Magazine, a lifestyle publication for men and women in the Magic City. After a year and a half at the helm of RM3 Magazine, the business was purchased. He now runs a web development company SkyPoint Studios and fathers his son Jaoquin, who plays football, basketball, soccer, and is learning snowboarding from his dad. Recently, has expanded to locations in Havasu, Arizona & Vegas. SkyPoint Studios is a market leader in both Billings & Havasu and Jophiel is working on building that same level of market dominance in Vegas. Specialties: Extensive experience in online and offline business. Especially savvy at WordPress, and operate several sites, one example is the blog: skypointwebdesignbillingsmontana.com/tech-blog. Check out skypointwebdesignbillingsmontana.com for the latest projects from SkyPoint Studios.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *