Prev Demo
Table Border Properties
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> th, td { border: 3px solid orange; border-collapse: collapse; } table { border: 5px dotted blue; border-spacing: 10px; border-bottom-color: pink; border-right-color: limegreen; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-color: red; border-bottom-width: 10px; border-top-left-radius: 20px; border-top-right-radius: 25px; } </style> <table style="width:50%"> <tr> <th style="color:blue;">Dotnetfunda</th> <th>TechFunda</th> <th>ITFunda</th> </tr> <tr> <td style="border-color:red;">Forums</td> <td style="color:orange;">Bootstrap</td> <td>Onlinetraining</td> </tr> <tr> <td>Articles</td> <td>Javascript</td> <td style=" border-color:red;border-top-left-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:12px;">Offlinetraining</td> </tr> <tr> <td>Codes</td> <td>HTML5</td> <td>Tutorials</td> </tr> </table> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
