5
answers
1
watching
109
views
eji.amudipeLv1
20 Oct 2022
- How do I add a border between the table data and not in the table header? You can do either either with css or add it into the body.
This is my code:
<!DOCTYPE html> <html> <head> <title>Different Sizes</title> </head> <style> table{ width: 600px; border-spacing: 40px; } caption{ text-align: left; } th{ text-align: center; } table, th, td{ border: 1pxsolidblack; border-collapse: collapse; } td{ padding: 10px; text-align: center; } tr:nth-child(even) { background-color: white; } tr:nth-child(odd) { background-color: lightgray; } </style> <table> <caption>Sizing List</caption> <tr> <th>Size</th> <th>Waist</th> <th>Hips</th> </tr> <tr> <td>XS 28,29</td> <td>28.5 <br> 29.5</td> <td>34.5 - 35 <br>35.5 - 36</td> </table> </html>
- How do I add a border between the table data and not in the table header? You can do either either with css or add it into the body.
This is my code:
<!DOCTYPE html> <html> <head> <title>Different Sizes</title> </head> <style> table{ width: 600px; border-spacing: 40px; } caption{ text-align: left; } th{ text-align: center; } table, th, td{ border: 1pxsolidblack; border-collapse: collapse; } td{ padding: 10px; text-align: center; } tr:nth-child(even) { background-color: white; } tr:nth-child(odd) { background-color: lightgray; } </style> <table> <caption>Sizing List</caption> <tr> <th>Size</th> <th>Waist</th> <th>Hips</th> </tr> <tr> <td>XS 28,29</td> <td>28.5 <br> 29.5</td> <td>34.5 - 35 <br>35.5 - 36</td> </table> </html>
15 Apr 2023
Already have an account? Log in
kapikad1451Lv6
25 Dec 2022
Already have an account? Log in
prathugayamLv8
20 Oct 2022
Already have an account? Log in
Read by 2 people
20 Oct 2022
Already have an account? Log in