ਕਿਵੇਂ ਬਣਾਉਣ?: ਪੂਰੀ ਪੰਨੇ ਚਿੰਨ੍ਹ
CSS ਵਿੱਚ ਪੂਰੀ ਪੰਨੇ ਪਿਛੋਕੜੀ ਚਿੰਨ੍ਹ ਕਿਵੇਂ ਬਣਾਉਣ?
ਪੂਰੀ ਪੰਨੇ ਚਿੰਨ੍ਹ
ਪੂਰੀ ਪੰਨੇ ਚਿੰਨ੍ਹ ਕਿਵੇਂ ਬਣਾਉਣ? ਹੇਠ ਦਾ ਉਦਾਹਰਣ ਪੂਰੇ ਸਕਰੀਨ (ਅਤੇ ਅਰਧ-ਸਕਰੀਨ) ਦੇ ਪ੍ਰਤੀਕਸ਼ਬੀ ਪਿਛੋਕੜੀ ਚਿੰਨ੍ਹ ਦਿਖਾਉਂਦਾ ਹੈ:
ਪੂਰੀ ਉਚਾਈ ਵਾਲੀ ਚਿੰਨ੍ਹ ਕਿਵੇਂ ਬਣਾਉਣ?
ਇੱਕ ਕੰਟੇਨਰ ਅਣੂੰਮਾ ਚਿੰਨ੍ਹ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਇਸ ਕੰਟੇਨਰ ਨੂੰ 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%;
}
