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:

table tbody tr td {
  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..

table td{
    font-size:24px;
}

Solution 3:

Check this code

.table td {
  font-size: 30px;
}

Live

Solution 4:

U can do that directly in ur html file:

<style>
 table td {
   font-size: 24px;
 }
</style>

<table class="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:

table td {
  font-size: 24px;
}

Solution 5:

Simply do like that.

td {
    font-size: 24px;
}