ہدایت دیتا ہے

سی ایس ایس فائل میں کسی تصویر کو شامل کرنے کا طریقہ

ویب صفحات عام طور پر ان لائن HTML "img" ٹیگ کا استعمال کرتے ہوئے تصاویر شامل کرتے ہیں۔ سی ایس ایس کوڈنگ عام طور پر کسی شبیہ کا ذریعہ متعین نہیں کرتی ہے کیونکہ سی ایس ایس مواد کے بجائے ڈیزائن کو کنٹرول کرتا ہے۔ پھر بھی سی ایس ایس ان خصوصیات کی حمایت کرتا ہے جو سادہ ایچ ٹی ایم ایل نہیں کرتے ، جیسے تصویری دھندلاپن۔ مثال کے طور پر ، اگر آپ اپنی ویب سائٹ کے ہوم پیج پر اپنی کمپنی کے صدر دفاتر کی شفاف تصویر پیش کرنا چاہتے ہیں تو ، آپ اسے سی ایس ایس کا استعمال کرکے ترتیب دے سکتے ہیں۔ سی ایس ایس اسٹائل پس منظر کی املاک کا استعمال کرتے ہوئے تصویری ذرائع کا انتخاب کرتے ہیں۔

1

اپنے HTML ایڈیٹر یا ٹیکسٹ ایڈیٹر سے اپنی ویب سائٹ کی اسٹائل شیٹ کھولیں۔

2

نیا طرز بنانے کے لئے درج ذیل کوڈ کو شیٹ میں چسپاں کریں:

پس منظر کی تصویر: یو آر ایل (راستہ)؛ پس منظر دہرائیں: کوئی اعادہ نہیں؛ چوڑائی: 10px؛ اونچائی: 20px؛ 

}

3

سائٹ کے اندر شبیہہ کے URL کے ساتھ "پاتھ" کو تبدیل کریں۔ مثال کے طور پر ، اگر تصویر "عمارت.jpg" آپ کی سائٹ کے "تصاویر" فولڈر میں ہے تو ، کوڈ کو اس میں تبدیل کریں:

پس منظر کی تصویر: یو آر ایل (/images/building.jpg)؛ پس منظر دہرائیں: کوئی اعادہ نہیں؛ چوڑائی: 10px؛ اونچائی: 20px؛ 

}

4

"10" کو شبیہ کی چوڑائی سے تبدیل کریں اور "20" کو شبیہہ کی اونچائی سے تبدیل کریں۔ مثال کے طور پر ، اگر تصویر 200 پکسلز اونچائی اور 600 پکسلز چوڑائی کی پیمائش کرتی ہے تو ، کوڈ کو اس میں تبدیل کریں:

پس منظر کی تصویر: یو آر ایل (/images/building.jpg)؛ پس منظر دہرائیں: کوئی اعادہ نہیں؛ چوڑائی: 600px؛ اونچائی: 200px؛ 

}

5

ویب صفحہ کھولیں جہاں آپ تصویر داخل کرنا چاہتے ہیں۔

6

تصویر داخل کرنے کے لئے درج ذیل کوڈ کو شامل کریں:

$config[zx-auto] not found$config[zx-overlay] not found