To‘liq sahifali rasm
CSS yordamida to‘liq sahifali fon rasmini yaratishni o‘rganing.
To‘liq sahifali rasm
Butun brauzer oynasini qoplaydigan fon rasmini yaratishni o‘rganing. Quyidagi misolda to‘liq ekranli (va yarim ekranli) moslashuvchan fon rasmi ko‘rsatilgan:
Namoyish — to‘liq sahifali fon rasmi
Namoyish — yarim sahifali fon rasmi
To‘liq balandlikdagi rasm qanday yaratiladi
Konteyner elementdan foydalaning va unga height: 100% bilan fon rasmini qo‘shing. Maslahat: Yarim sahifali fon rasmi yaratish uchun 50% dan foydalaning. So‘ngra rasmni markazga joylashtirish va mukammal masshtablash uchun quyidagi background xossalaridan foydalaning:
Eslatma: Rasm butun ekranni qoplashiga ishonch hosil qilish uchun height: 100% ni <html> va <body> elementlariga ham qo‘llashingiz kerak:
Misol
body, html {
height: 100%;
}
.bg {
/* The image used */
background-image: url("img_girl.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
O‘zingiz sinab ko‘ring »
Yarim sahifali fon rasmi:
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!