CSS tilida jadvallarni chiroyli qilish
Bugun siz bilan CSS tilida jadvallarni bo'yash, soddaroq qilib aytadigan bo'lsak chiroyli qilish yo'lini ko'rib chiqamiz.
Demak HTML va CSS kodlarini keltiraman :
<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
border: 1px solid green;
}
<html>
<head>
<style>
table, td, th {
border: 1px solid green;
}
th {
background-color: green;
color: white;
}
</style>
</head>
background-color: green;
color: white;
}
</style>
</head>
<body>
<table>
<tr>
<th>ISM</th>
<th>Familiya</th>
<th>Oylik</th>
</tr>
<tr>
<td>Aziz</td>
<td>Akbarov</td>
<td>$500</td>
</tr>
<tr>
<td>Laziz</td>
<td>Jabborov</td>
<td>$500</td>
</tr>
<tr>
<td>Mo'minjon</td>
<td>Abduraimov</td>
<td>$2000</td>
</tr>
<tr>
<td>Hamid</td>
<td>Jalolov</td>
<td>$1500</td>
</tr>
</table>
<table>
<tr>
<th>ISM</th>
<th>Familiya</th>
<th>Oylik</th>
</tr>
<tr>
<td>Aziz</td>
<td>Akbarov</td>
<td>$500</td>
</tr>
<tr>
<td>Laziz</td>
<td>Jabborov</td>
<td>$500</td>
</tr>
<tr>
<td>Mo'minjon</td>
<td>Abduraimov</td>
<td>$2000</td>
</tr>
<tr>
<td>Hamid</td>
<td>Jalolov</td>
<td>$1500</td>
</tr>
</table>
</body>
</html>
</html>
Keyingi kodlarda ko'rishguncha.
Comments
Post a Comment
Iltimos, fikrlaringizni yozib qoldiring !