HTML CSS examples for CSS Widget:Table
Round table corners
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> body {<!-- ww w. j a v a 2 s . co m--> font-size:19px; background-color:Chartreuse; } td, th { border:2px solid; } table { border:2px solid; border-radius:11px; overflow:hidden; } thead th { background-color:yellow; } table tbody tr:nth-child(odd) { background:white; } table tbody tr:nth-child(even) { background-color:blue; } </style> </head> <body> <title>Lorem ipsum d</title> <link rel="stylesheet" type="text/css" href="style.css"> <table border="1" cellspacing="0"> <thead> <tr> <th>Lorem i</th> <th>Lorem </th> <th>Lorem i</th> <th>Lorem</th> <th colspan="4">Lorem ipsum</th> </tr> </thead> <tbody> <tr> <td>Lorem </td> <td>Lorem</td> <td>Lorem </td> <td>Lor</td> <td>Lorem i</td> <td> <select> <option value="0">L</option> <option value="1-2">Lor</option> </select>Lor<select> <option value="0">L</option> <option value="1-2">Lor</option> </select> </td> <td>Lorem </td> <td>Lore</td> </tr> <tr> <td>Lorem</td> <td>Lorem</td> <td>Lorem ipsum</td> <td>Lor</td> <td>Lorem </td> <td> <select> <option value="0">L</option> <option value="1-2">Lor</option> </select>Lor<select> <option value="0">L</option> <option value="1-2">Lor</option> </select> </td> <td>Lorem ipsum</td> <td>Lore</td> </tr> <tr> <td>Lorem</td> <td>Lorem</td> <td>Lorem i</td> <td>Lor</td> <td>Lorem</td> <td> <select> <option value="0">L</option> <option value="1-2">Lor</option> </select>Lor<select> <option value="0">L</option> <option value="1-2">Lor</option> </select> </td> <td>Lorem i</td> <td>Lor</td> </tr> <tr> <td>Lorem ips</td> <td>Lor</td> <td>Lorem ipsum dol</td> <td>Lor</td> <td>Lorem ips</td> <td> <select> <option value="0">L</option> <option value="1-2">Lor</option> </select>Lor<select> <option value="0">L</option> <option value="1-2">Lor</option> </select> </td> <td>Lorem ipsum dol</td> <td>Lor</td> </tr> <tr> <td>Lorem i</td> <td>Lor</td> <td>Lorem ip</td> <td>Lor</td> <td>Lorem i</td> <td> <select> <option value="0">L</option> <option value="1-2">Lor</option> </select>Lor<select> <option value="0">L</option> <option value="1-2">Lor</option> </select> </td> <td>Lorem ip</td> <td>Lor</td> </tr> </tbody> </table> </body> </html>