Rasmlarni markazlash
CSS yordamida rasmni markazga joylashtirishni o‘rganing.
Markazga joylashtirilgan rasm:
Rasmlar markazga qanday joylashtiriladi
1-qadam) HTML qo‘shing:
Misol
<img src="paris.jpg" alt="Paris" class="center">
2-qadam) CSS qo‘shing:
Rasmni markazga joylashtirish uchun chap va o‘ng margin qiymatini auto ga o‘rnating va uni block elementiga aylantiring:
Misol
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
O‘zingiz sinab ko‘ring »
E’tibor bering, agar kenglik 100% (to‘liq kenglik) qilib o‘rnatilgan bo‘lsa, rasmni markazga joylashtirib bo‘lmaydi.
Maslahat: Rasmlarga qanday uslub berish haqida ko‘proq bilish uchun CSS rasmlar darsligimizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!