ٽيبل لاء پس منظر وانگر تصوير ڪيئن ٺاھيندو

ٽيبل تي تصوير جي پس منظر شامل ڪرڻ لاء سي ايس پي پس منظر ملڪيت استعمال ڪريو

مختلف جدولن جي انهن پس منظر مان ميز جي مواد تي زور ڏيڻ ۾ مدد ڪري ويب پيج تي هر ڪنهن جي نسبت سان. ٽيبل جي پس منظر کي شامل ڪرڻ لاء، توهان کي جاکوڙيندڙ شيٽ شيٽ (CSS) پنهنجي ويب پيج جي حمايت ڪرڻ جي ضرورت پوندي.

شروعات ڪرڻ

ٽيبل تي پس منظر واري تصوير شامل ڪرڻ جو بهترين رستو سي ايس پي پس منظر ملڪيت استعمال ڪرڻ آهي. خودڪار طريقي سان سي ڊي لکڻ لاء تيار ڪرڻ ۽ غير متوقع ڊسپلي گليچ کان بچڻ لاء، پنهنجي پس منظر جي تصوير کي کولڻ ۽ اونچائي ۽ چوٿين جو نوٽ ٺاهيو.

پوء پنهنجي تصوير کي پنهنجي ميزبان مهيا ڪندڙ ڏانهن اپلوڊ ڪريو. تصوير لاء URL جو امتحان؛ هڪ کان وڌيڪ عام سببن جي ڪري تصويرون ڊسپلي ناهي ڇو ته اتي URL ۾ ٽائپو آهي.

توهان انهي قدم کي مڪمل ڪرڻ کانپوء، توهان جي دستاويز جي سر ۾ سي ايس ايس اسڪرپٽ بلاڪ وجهي:

<طرز قسم = "ٽيڪسٽ / سي ايس">
  1. توهان جي ٽيبل تي پسمنظر لاء پنهنجي سي ايس لکي لکندا ۽ طرز بلاڪ ۾ داخل ڪريو.
    ٽيبل {پس منظر: url (" تصوير لاء URL ") no-repeat؛ }
  2. HTML ۾ ٽيبل تي رکو.
    <ٽيبل>

    سيل 1
    سيل 2


    سيل 1
    سيل 2

  3. تصوير جي چوٿين ۽ اوچائي سان ميچ ڪرڻ لاء ميز جي چوٿين ۽ اوچائي مقرر ڪريو.
    <ٽيبل انداز = " چوٿون: 400px؛ اونچائي: 500px؛ "> ... ...

جيڪڏهن توهان جي ٽيبل مواد تصوير جي اوچائي ۽ چوٽي کان وڏو آهي، پس منظر جي تصوير رڳو هڪ ڀيرو ڏيکاري ويندي.

بس هڪ ميز تي پس منظر ڏيو

مٿي ڏنل هدايتن صفحي تي هر ميز تي ساڳئي پس منظر واري تصوير مقرر ڪندو.

جيڪڏهن توهان پس منظر کي صرف مخصوص جدول تي رکڻ چاهيو ٿا، توهان کي هڪ طبقاتي خاصيت استعمال ڪرڻ جي ضرورت آهي.

  1. تبديل ڪرڻ لاء پنهنجي سي ايس تبديل ڪريو:
    ٽيبل. بيڊ ميدان (پس منظر: url) " تصوير جو URL ") no-repeat؛ }
  2. درجي جي پس منظر کي ڪنهن به ٽيبل تي شامل ڪريو جيڪو توهان کي پس منظر واري تصوير آهي. چوٿين ۽ اوچائي انهن جدولن لاء مقرر ڪريو.
    <ٽيبل ڪلاس = "پس منظر" انداز = "چوٿون: 400px؛ اونچائي: 500px؛> ...

ٽيبل جي پس منظر جي تصوير کي ٻيهر ڏيو

وڌيڪ مواد سان وڏيون جدولون، يا ٽيبل، شايد پس منظر ورجائڻ جي ضرورت هجي ته پوري جدول ڀرجي ويندي آهي. پنهنجي سي ايس ايس ۾ قدر تبديل ڪريو جيئن ته تصوير يو اي محور تي ٻيٽ، x-axis يا ٻنهي تي ٽائل ٿيل آهي.

پس منظر: url (" تصوير سان URL ") ٻيڻو ؛

ڊفالٽ مطابق، ڊيزائن جو قدر ٽائلج ٿيندو، پر توهان کي ٻيهر ڊيٽ ڪري سگھو ٿا-x يا ٻئي طرف ريج تي عمدي طور تي ٽائل ڏي يا ٻي ٽي وي کي.

سيل جي پس منظر رنگن جي ٽيبل جي پس منظر جي تصوير کي دٻايو

ڪنهن به پس منظر رنگ ٽيبل تي سيٽ ڪيو ويندو ٽيبل تي پس منظر واري تصوير کي مٿي ڪري ڇڏيندو. پوء توهان جي سيلن تي ميزبان جي پس منظر واري شڪل سان ميلاپ ۾ پس منظر رنگ استعمال ڪندي احتياط سان محتاط رکو.

غور ڪيو

ٽيبل پس منظر توهان جي ٽيبل کي هيٺ ڏنل صفحي کان ڌار ڪنداسين. جڏهن ته، هن ٽيڪنڪي استعمال ڪرڻ کان پهريان ٻه ڀيرا سوچيو. غير جانبدار تصوير داخل ڪرڻ کان پريشان نه ٿي سگهي ٿي، پر پيچيده تصويرون پيارا ٿيڻ جو ارادو ڪيو (مثال طور، پيٽ جي پويان هڪ ميز جي پويان هڪ پٽين جي هڪ تصوير داخل ڪري) اڻ برابري ظاهر ٿي سگهي ٿو ۽ ٽيبل ڊيٽا جي پڙهڻ کي متاثر ڪري سگهن ٿيون.

جيڪا توهان جي استعمال جي ڪنهن به تصوير لازمي طور تي لائسنس ڪئي وڃي. صرف ڇاڪاڻ ته توهان ويب تي هڪ فوٽو ڳولي سگهو ٿا اهو هرگز نه آهي ته توهان پنهنجو استعمال لاء مناسب ڪري سگهو ٿا.

احسن ڪاپي جي حوالي ڪريو!