How To Increase Font Size Of All Tds In The Table

I have table in that some rows are there. I want to increase the td font size to 24 in etire table. How to write css style for td in the head so that font size of all the td data w

Solution 1:

You can nest everything like this:

tabletbodytrtd {
  font-size: 24px;
}

Or you could keep it simple and just do:

td {
  font-size: 24px;
}

This depends on the context of your CSS, how specific you need to be. Chances are the second option will do.

Solution 2:

Select the table selectors and give it a style for all td elements as simple as that..

tabletd{
    font-size:24px;
}

Solution 3:

Check this code

.tabletd {
  font-size: 30px;
}

Live

Solution 4:

U can do that directly in ur html file:

<style>tabletd {
   font-size: 24px;
 }
</style><tableclass="table table-striped">
  ...
</table>

Or u can create new css file style.css:

<link rel="stylesheet"type="text/css" href="style.css">

<table class="table table-striped">
  ...
</table>

and in the style.css gonna be:

tabletd {
  font-size: 24px;
}

Solution 5:

Simply do like that.

td {
    font-size: 24px;
}