Skip the Table border - Rounded Borders using CSS in Punjabi | Table CSS Border | HTML Tutorials | Online HTML Editor on July 08, 2023 Get link Facebook X Pinterest Email Other Apps <!DOCTYPE html> <html> <head> <title>Table With Rounded Borders</title> </head> <body> <b>Table With Rounded Borders using CSS</b> <table style="width:100%"> <tr> <th>#</th> <th>Name of Student</th> <th>Class</th> </tr> <tr> <td>1.</td> <td>Taranpreet Singh</td> <td>6th</td> </tr> <tr> <td>2.</td> <td>Mehakpreet Kaur</td> <td>7th</td> </tr> <tr> <td>3.</td> <td>Veerpal Kaur</td> <td>8th</td> </tr> <tr> <td>4.</td> <td>Jasmeen</td> <td>9th</td> </tr> <tr> <td>5.</td> <td>Sonia</td> <td>10th</td> </tr> <tr> <td>6.</td> <td>Jaskaran Singh</td> <td>11th</td> </tr> <tr> <td>7.</td> <td>Arshdeep Kaur</td> <td>12th</td> </tr> </table> <h3>Skip the border around the table by leaving out table from the css selector:</h3> <p>Use the CSS border-radius property to add rounded corners to the table cells.</p> </body> </html> th, td { border: 1px solid red; border-radius: 10px; } Live Demo & Try it yourself! Comments
Comments
Post a Comment