CSS Table Style
Table Padding
To control the space between the border and the content in a table, use the padding property on <td> and <th> elements:
| First Name | Last Name | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Example
th, td {
padding: 15px;
text-align: left;
}
Horizontal Dividers
| First Name | Last Name | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Add the border-bottom property to <th> and <td> for horizontal dividers:
Example
th, td {
border-bottom: 1px solid #ddd;
}
Hoverable Table
Use the :hover selector on <tr> to highlight table rows on mouse over:
| First Name | Last Name | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Example
tr:hover {background-color: coral;}
Striped Tables
| First Name | Last Name | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
For zebra-striped tables, use the nth-child() selector and add a background-color to all even (or odd) table rows:
Example
tr:nth-child(even) {background-color: #f2f2f2;}
Table Color
The example below specifies the background color and text color of <th> elements:
| First Name | Last Name | Savings |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
Example
th {
background-color: #04AA6D;
color: white;
}
38 Responses
order levofloxacin 250mg for sale buy levaquin 250mg sale
brand spironolactone 100mg buy diflucan 200mg pill buy diflucan 100mg without prescription
ampicillin pill oral erythromycin order erythromycin 500mg without prescription
purchase sildenafil generic methocarbamol 500mg tablet buy robaxin online
buy lamictal 200mg without prescription vermox generic purchase tretinoin generic
tadalafil cost buy generic tadacip 20mg buy voltaren 50mg generic
accutane 10mg oral purchase zithromax pills zithromax for sale online
buy indomethacin 75mg generic buy cefixime 100mg pill buy trimox 500mg online
cialis 40mg cost Free trial of viagra sildenafil tablets
cost arimidex 1 mg Free viagra samples rx pharmacy online viagra
tadalafil 5mg sans ordonnance en pharmacie tadalafil 20mg pas cher viagra generique pas cher
prednisone 10mg pill viagra 50mg pill viagra 200 mg
tadalafil 10mg ohne rezept cialis 10mg fГјr frauen sildenafil 100mg generika rezeptfrei kaufen
order accutane 20mg online cheap order isotretinoin pills stromectol prices
buy modafinil pills provigil 100mg brand diamox generic
order altace for sale avapro 300mg pill buy azelastine 10 ml for sale
buy catapres generic buy catapres 0.1mg pills order tiotropium bromide online cheap
order buspirone for sale ditropan oral buy oxybutynin 5mg for sale
terazosin generic buy arava online cheap order azulfidine 500 mg sale
purchase fosamax without prescription buy alendronate generic famotidine 40mg uk
benicar 10mg generic divalproex cheap diamox 250 mg usa
cheap imdur 40mg generic imuran 50mg telmisartan 80mg drug
order generic bupropion 150mg purchase strattera sale order seroquel pill
order molnunat 200mg generic order prevacid 30mg generic lansoprazole 30mg sale
order zoloft 50mg generic Buy viagra without rx sildenafil 100mg over the counter
buy imuran 100 mcg pills imuran 100 mcg tablet brand sildenafil 100mg
order tadalafil 40mg can i buy viagra at boots viagra cheap
naltrexone 50 mg cost abilify 30mg oral aripiprazole 30mg for sale
avlosulfon 100mg cost buy aceon 4mg aceon 8mg drug
buy provera 10mg pills provera generic purchase cyproheptadine without prescription
buy provigil 200mg for sale is canadian pharmacy legitimate purchase oral ivermectin
order luvox 50mg without prescription luvox 50mg sale order glipizide 10mg online cheap
brand accutane 10mg buy amoxicillin 500mg without prescription order deltasone pill
order piracetam cheap viagra pills sildenafil mail order
order azithromycin 500mg generic buy neurontin 800mg without prescription buy gabapentin
goodrx cialis order clomipramine 25mg without prescription clomipramine 25mg without prescription
chloroquine uk buy cenforce 50mg without prescription purchase baricitinib without prescription
Should I take an antibiotic generic cialis cost