TAG
CSS
JavaScript
Result
Run
License
<table id="mytable" class="simplely"> <caption>Couples</caption> <thead> <tr> <th>No</th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr> <td rowspan="2">1</td> <td>Tom</td> <td>26</td> </tr> <tr> <td>Merry</td> <td>23</td> </tr> <tr> <td rowspan="2">2</td> <td>Daniel</td> <td>24</td> </tr> <tr> <td>Melody</td> <td>24</td> </tr> </tbody> </table>
.simplely { border-collapse: collapse; } .simplely caption { padding: 5px; } .simplely th, .simplely td { border: 1px solid gray; padding: 5px 10px; }
window.addEventListener("load", () => { const $elTable = document.querySelector("#mytable"); $elTable.caption.style.backgroundColor = "yellow"; });
Console
expand_less
License
License
by DevDic
Close