تصویر پس منظر شامل کرنے کے لئے سی ایس ایس پس منظر کی جائیداد کا استعمال کریں
ان کے پس منظر سے مختلف جدولیں ویب صفحہ پر ہر چیز سے متعلق میز کے مواد پر زور دینے میں مدد ملتی ہیں. ٹیبل کے پس منظر کو شامل کرنے کے لئے، آپ کو اپنے ویب پیج کی حمایت کرنے والی شیٹ (شبیہیں) سٹائل شیٹ کو بہتر بنانے کی ضرورت ہوگی.
شروع ہوا چاہتا ہے
ایک میز پر پس منظر کی تصویر کو شامل کرنے کا بہترین طریقہ CSS پس منظر کی جائیداد کا استعمال کرنا ہے. خود کار طریقے سے سی ایس ایس لکھنے اور غیر متوقع ڈسپلے glitches سے بچنے کے لئے تیار کرنے کے لئے، اپنی پس منظر کی تصویر کھولیں اور اونچائی اور چوڑائی کا ایک نوٹ بنائیں.
پھر اپنی تصویر آپ کے میزبانی فراہم کرنے والے کو اپ لوڈ کریں. تصویر کے لئے URL آزمائیں؛ سب سے زیادہ عام وجوہات میں سے ایک کیوں تصاویر ظاہر نہیں کرتے ہیں کیونکہ URL میں ایک ٹائپو موجود ہے.
آپ نے اس مرحلے کو ختم کرنے کے بعد، آپ کے دستاویز کے سربراہ میں سی ایس ایس سٹائل بلاک رکھا:
<سٹائل کی قسم = "ٹیکسٹ / سی ایس ایس">
- اپنے سی ایس ایس کو اپنی میز پر پس منظر کے لئے لکھیں اور سٹائل کے بلاک میں ڈالیں.
ٹیبل {پس منظر: url (" تصویر پر یو آر ایل ") کوئی بار نہیں؛ }
- اپنی میز کو ایچ ٹی ایم ایل میں رکھیں:
<ٹیبل>
سیل 1
سیل 2
سیل 1
سیل 2
- تصویر کی چوڑائی اور اونچائی سے ملنے کے لئے میز کی چوڑائی اور اونچائی مقرر کریں.
<میز سٹائل = " چوڑائی: 400px؛ اونچائی: 500px؛ "> ... ...
اگر آپ کی ٹیبل کے مواد کی تصویر کی اونچائی اور چوڑائی سے بڑا ہے تو، پس منظر کی تصویر صرف ایک بار ظاہر ہوگی.
بس ایک میز پر پس منظر رکھو
مندرجہ ذیل ہدایات صفحے پر ہر میز پر ایک ہی پس منظر کی تصویر مقرر کرے گی.
اگر آپ پس منظر کو صرف مخصوص جدول پر ڈالنا چاہتے ہیں، تو آپ کو ایک کلاس کی خاصیت کا استعمال کرنا ہوگا.
- پڑھنے کے لئے اپنے سی ایس ایس کو تبدیل کریں:
table.background {پس منظر: url (" تصویر پر یو آر ایل ") نہیں دو بار؛ }
- کسی بھی میز پر کلاس کا پس منظر شامل کریں جسے آپ اس پس منظر کی تصویر کرنا چاہتے ہیں. چوڑائی اور اونچائی ان میزوں کے لئے مقرر کریں.
<ٹیبل کلاس = "پس منظر" سٹائل = "چوڑائی: 400px؛ اونچائی: 500px؛> ...
ٹیبل پس منظر کی تصویر دوپہر دو
زیادہ مواد کے ساتھ بڑی ٹیبلز، یا ٹیبلز، شاید پس منظر کی دوبارہ ضرورت ہو تاکہ پورے میز کو بھرا ہوا ہو. اپنے سی ایس ایس میں قیمت کو تبدیل کریں تاکہ تصویر یو محور، ایکس محور پر دوبارہ دو یا دونوں پر ٹائل ہو.
پس منظر: url (" تصویر پر URL ") دوبارہ دو ؛
پہلے سے طے شدہ طور پر دوبارہ قیمت ٹائل کیا جائے گا، لیکن آپ کو دوبارہ قدر قیمت کو مرتب کرنے کے لئے دوبارہ دوہری یا X-II کو ترتیب دیا جا سکتا ہے، ترتیب میں افقی طور پر یا عمودی طور پر ٹائل کرنے کے لئے.
سیل پس منظر کا رنگ ٹیبل پس منظر کی تصویر کو بلاک کریں
ٹیبل کے خلیوں پر سیٹ کردہ کسی بھی پس منظر کا رنگ میز پر پس منظر کی تصویر کو ہٹائے گا. لہذا میزبان پس منظر کی تصاویر کے ساتھ مجموعہ میں آپ کے خلیات پر پس منظر کا رنگ استعمال کرتے وقت محتاط رہیں.
خیالات
ٹیبل کے پس منظر آپ کی میزیں بنیادی صفحے سے الگ ہوجاتی ہیں. تاہم، اس تکنیک کو استعمال کرنے سے پہلے دو بار سوچیں. غیر جانبدار تصویر داخل کرنا ممکن نہیں ہوسکتا ہے، لیکن پیچیدہ تصاویر پیارا بننے کا ارادہ رکھتی ہیں (مثال کے طور پر، پالتو جانوروں کو اپنانے کی نشاندہی کرنے والی ایک ٹیبل کے پیچھے ایک بلی کے بچے کی تصویر ڈالیں) غیر متوقع طور پر ظاہر ہوسکتا ہے اور ٹیبلر ڈیٹا کی پڑھنے پر اثر انداز کر سکتا ہے.
آپ کا استعمال کسی بھی تصویر کو مناسب طریقے سے لائسنس یافتہ ہونا چاہئے؛ صرف اس لیے کہ آپ ویب پر ایک تصویر تلاش کر سکتے ہیں اس کا یہ مطلب نہیں ہے کہ آپ اپنے استعمال کے لۓ مناسب ہوسکتے ہیں.
کاپی رائٹ کا احترام!
- تصویر کی چوڑائی اور اونچائی سے ملنے کے لئے میز کی چوڑائی اور اونچائی مقرر کریں.