[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.
[Blogspot] Add Custom Stylish CSS Table for Blogger [Blogspot] Add Custom Stylish CSS Table for Blogger Reviewed by Vishal Jaiswal on August 03, 2018 Rating: 5

2 comments:

1. Don't make SPAM comment.
2. Don't try to make backlinks in comment text.
3. Use Name/URL, Google profile or Anonymous option.
4. Ask your problem.



Powered by Blogger.