CSS से टेबल्स पर बॉर्डर जोड़ना

टेबल बॉर्डर

CSS में टेबल पर बॉर्डर जोड़ने के लिए border प्रॉपर्टी का उपयोग करें।

उदाहरण 1: सभी सेल्स पर बॉर्डर

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td { border: 2px dashed orange; }
</style>
</head>
<body>
<h2>Team Ranking Table</h2>
<table>
<tr><th>Team</th><th>Rank</th><th>Points</th></tr>
<tr><td>India</td><td>1</td><td>200</td></tr>
<tr><td>England</td><td>2</td><td>180</td></tr>
<tr><td>Australia</td><td>3</td><td>150</td></tr>
<tr><td>NewZealand</td><td>4</td><td>130</td></tr>
<tr><td>SouthAfrica</td><td>5</td><td>100</td></tr>
<tr><td>WestIndies</td><td>6</td><td>80</td></tr>
<tr><td>Pakistan</td><td>7</td><td>70</td></tr>
</table>
</body>
</html>

आउटपुट

उदाहरण 2: टेबल और सेल्स पर अलग बॉर्डर

<!DOCTYPE html>
<html>
<head>
<style>
table { border: 5px dashed orange; }
th, td { border: 1px dashed green; }
</style>
</head>
<body>
<h2>Team Ranking Table</h2>
<table>
<tr><th>Team</th><th>Rank</th><th>Points</th></tr>
<tr><td>India</td><td>1</td><td>200</td></tr>
<tr><td>England</td><td>2</td><td>180</td></tr>
<tr><td>Australia</td><td>3</td><td>150</td></tr>
<tr><td>NewZealand</td><td>4</td><td>130</td></tr>
<tr><td>SouthAfrica</td><td>5</td><td>100</td></tr>
<tr><td>WestIndies</td><td>6</td><td>80</td></tr>
<tr><td>Pakistan</td><td>7</td><td>70</td></tr>
</table>
</body>
</html>

आउटपुट