Coding : Html & CSS Coding For Table Insert In any Web Page or Blogger Blog | Table Formatting | Table Styling | Coding Details In hindi
Coding : Html & CSS Coding For Table Insert In any Web Page or Blogger Blog | Table Formatting | Table Styling | Coding Details In hindi :
Doston! yaha table insert karne kaa html coding diya gya hai. Sath hi Table Formatting ke lie Css coding Dia gya hai.
is coding kaa use karke aap bade aasani se online or offline table bna sakte hai. tatha css coding ki madad se table ka formating stylish bhi kar sakte hai .
HTML & CSS Coding In English / HIndi :
Coding : Html & CSS Coding For Table Insert In any Web Page or Blogger Blog | Table Formatting | Table Styling | Coding Details In hindi
<!-- Table Coding Start here -->
<style>
.styled-table {
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
}
.styled-table th,
.styled-table td {
padding: 12px 15px;
}
.styled-table tbody tr {
border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
.styled-table tbody tr:last-of-type {
border-bottom: 2px solid #009879;
}
.styled-table tbody tr.active-row {
font-weight: bold;
color: #009879;
}
</style>
<table class="styled-table">
<thead>
<tr>
<th>Name</th>
<th>Points</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dom</td>
<td>6000</td>
</tr>
<tr class="active-row">
<td>Melissa</td>
<td>5150</td>
</tr>
<!-- and so on... -->
</tbody>
</table>
<!-- Table Coding End Here -->
This Coding Outpute is That :
 |
| Coding : Html & CSS Coding For Table Insert In any Web Page or Blogger Blog | Table Formatting | Table Styling | Coding Details In hindi |
इस पोस्ट मे आपने जाना :
Coding : Html & CSS Coding For Table Insert In any Web Page or Blogger Blog | Table Formatting | Table Styling | Coding Details In hindi
COMMENTS