کیس کیس: پورا پیج تصویر
- پچھلئی پيج پرزنٽيٹر تصوير پر متن
- آئندہ پيج تصوير پر فرم
آپ کو پورا پیج بیک گراوند تصویر بنانے کیس کیس سیکھنے کیس، سیکس میوزیک سیکھنے کیس دیکھئے۔
پورا پیج تصویر
آپ کو پورا بروزر ونڈوز پر بیک گراوند تصویر کیسٹر کیس سیکھنے کیس، نمائش دیکھئے، اس میں پورا اسکرین (اور نصف اسکرین) کی جوابی بیک گراوند تصویر دیکھئے:
پورا اوپریو تصویر کیسٹر کیس
ایک کنٹینر عنصر استعمال کریئے اور اس کنٹینر کو 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%;
}
- پچھلئی پيج پرزنٽيٹر تصوير پر متن
- آئندہ پيج تصوير پر فرم
