[Blogspot] Add Custom Stylish CSS Table for Blogger

blogger, blogspot, css table, stylish table, responsive table for blogspot

Hello guys! 
Welcome back on how to learn blog. Here I am going to tell you that how to add custom CSS table for your blogger site.

Custom CSS Table for your Blogger site.

Well we know that we always need a responsive and Stylish table for our blog. But sometime designer unable to provide such kind of table inside in their custom Blogspot templates.

But, here I am going to share a simple CSS code which will help you to customise your table style in your blog.

As you can see that I already using this code in my Hindi blog. So, let’s get started.

Just copy this code and paste inside CSS section in your Blogspot site.

/* table style by howtolearnblog.com */
table {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
border: 1px solid #000000;
background-color: #EEEEEE;
width: 100%;
height: 100%;
text-align: center;
border-collapse: collapse;
}
table td, table th {
border: 1px solid #FFFFFF;
padding: 3px 2px;
}
table tbody td {
font-size: 16px;
}
table tr:nth-child(even) {
background: #D0E4F5;
}
table thead {
background: #0B6FA4;
border-bottom: 5px solid #FFFFFF;
}
table thead th {
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
border-left: 2px solid #FFFFFF;
}
table thead th:first-child {
border-left: none;
}

table tfoot td {
font-size: 14px;
}

 Hope! this code will work perfectly on your blog. If any kind of problems occur at that time so please comment below I will fix it.

How much did this article help you?

2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.