th {
text-align: left;
color: #fff;
background-color: #706d97;
}
td {
min-width: 250px;
color: #696969;
border-bottom: 1px solid #eee;
}
th, td {
padding: 10px;
height: 20px;
}
td:first-child {
width: 150px;
min-width: 0;
}
th:last-child {
text-align: right;
}
td:last-child {
width: 80px;
min-width: 0;
text-align: right;
}
tr:nth-child(odd) {
background-color: #eee;
}
Ko'rib turganingizdek, barcha elementlar bizga allaqachon tanish. Biz tegning
o'zga qiymati bo'lgan
atributni qo'lladik, bu xossalar orasidagi
bo'shliqlarni olib tashladi. Ammo xuddi shunday ta'sirga faqat CSS-dan
foydalanib, atributsiz erishish mumkin. Boshqa jadval atributlari xuddi shu tarzda
almashtirilishi mumkin.
Do'stlaringiz bilan baham: