ఎలా సృష్టించాలి: పూర్తి పేజీ చిత్రం
సరికొత్త పేజీ బ్యాక్‌గ్రౌండ్ చిత్రాన్ని సృష్టించడం ఎలా నేర్చుకోండి.
పూర్తి పేజీ చిత్రం
మొత్తం బ్రౌజర్ విండోను కవర్ చేసే బ్యాక్‌గ్రౌండ్ చిత్రాన్ని సృష్టించడం ఎలా నేర్చుకోండి. ఈ ఉదాహరణలో పూర్తి (మరియు సగం) స్క్రీన్ను కవర్ చేసే రెస్పాన్సివ్ బ్యాక్‌గ్రౌండ్ చిత్రాన్ని చూడండి:
పూర్తి పొడవు చిత్రం సృష్టించడం ఎలా
ఒక కంటైనర్ ఎలిమెంట్ ఉపయోగించి, దానికి 100% ఎత్తు కలిగిన బ్యాక్‌గ్రౌండ్ చిత్రాన్ని జోడించండి.
సలహా:50% ఉపయోగించి సగం పేజీ బ్యాక్‌గ్రౌండ్ చిత్రాన్ని సృష్టించవచ్చు. అప్పుడు చివరి బ్యాక్‌గ్రౌండ్ అటీరిబ్యూట్లను ఉపయోగించి చిత్రాన్ని మధ్యస్థానంలో మరియు మేలుగా స్కేల్ చేయండి:
గమనిక:చిత్రం మొత్తం స్క్రీన్ను కవర్ చేయడానికి మీరు కూడా ఈ కి తప్పక చేయాలి: height: 100% అన్నింటికీ ఆపాదించబడింది <html> మరియు <body>:
పూర్తి పేజీ బ్యాక్‌గ్రౌండ్ చిత్రం：
body, html {
height: 100%;
}
.bg {
/* ఉపయోగించబడిన చిత్రం */
background-image: url("dancer.jpg");
/* పూర్తి పొడవు */
height: 100%;
/* బాగా మధ్యస్థానం మరియు చిత్రాన్ని మేలుగా స్కేల్ చేస్తుంది */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
半页背景图像：
.bg {
height: 50%;
}
