Yorliqlar (labels)
CSS yordamida yorliqlarni (labels) bezashni o‘rganing.
Success Info Warning Danger Other
Yorliqlar qanday bezaladi
1-qadam) HTML qo‘shing:
Misol
<span class="label success">Success</span>
<span class="label info">Info</span>
<span class="label warning">Warning</span>
<span class="label danger">Danger</span>
<span class="label other">Other</span>
2-qadam) CSS qo‘shing:
Misol
.label {
color: white;
padding: 8px;
}
.success {background-color: #04AA6D;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */
.other {background-color: #e7e7e7; color: black;} /* Gray */
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!