Tabloları arka planlarından ayırt etmek, web sayfasındaki diğer her şeye göre tablonun içeriğini vurgulamaya yardımcı olur. Tablo arka planı eklemek için web sayfanızı destekleyen basamaklı stil sayfasını (CSS) değiştirmeniz gerekir.
Başlamak
Bir tabloya arka plan resmi eklemenin en iyi yolu, CSS'yi kullanmaktır.
arka fon
özelliği. Kendinizi CSS'yi etkili bir şekilde yazmaya ve beklenmedik görüntü bozukluklarından kaçınmaya hazırlamak için arka plan resminizi açın ve yükseklik ve genişlik hakkında bir not alın. Ardından resminizi barındırma sağlayıcınıza yükleyin. Resmin URL'sini test edin; Resimlerin görüntülenmemesinin en yaygın nedenlerinden biri URL'de yazım hatası olmasıdır. Bu adımı tamamladıktan sonra, belgenizin başına bir CSS stil bloğu yerleştirin:
tablo {background: url (" Resme URL ") no-repeat;} Görüntü genişliğini ve yüksekliğini eşleştirmek için tablonun genişliğini ve yüksekliğini ayarlayın. Tablo içeriğiniz görüntü yüksekliğinden ve genişliğinden daha büyükse, arka plan resmi yalnızca bir kez görüntülenir. Yukarıdaki talimatlar, sayfadaki her tabloda aynı arka plan resmini ayarlayacaktır. Arka planı yalnızca belirli tablolara koymak isterseniz, sınıf
table.background {background: url (" Resme URL ") no-repeat;} Daha fazla tablo veya daha fazla içeriğe sahip tablolar, arka planın tekrarlanmasını gerektirebilir, böylece tüm tablo doldurulur. CSS'nizdeki değeri değiştirin, böylece görüntü y ekseninde, x ekseninde tekrarlanır veya her ikisinde de döşenir. background: url ("image to URL") tekrar eder;
Varsayılan olarak, yineleme değeri döşenir, ancak tekrar değerini de tekrar-X
veya tekrar-y Tablo hücrelerinde ayarlanan herhangi bir arka plan rengi, tablodaki arka plan resmini geçersiz kılar. Bu nedenle, tablo arka plan görüntüleri ile birlikte hücrelerinizde arka plan renkleri kullanırken dikkatli olun. Tablo arka planları, tablolarınızı alttaki sayfadan ayırır. Ancak, bu tekniği kullanmadan önce iki kez düşünün. Nötr bir görüntü eklemek dikkat dağıtıcı olmayabilir, ancak sevimli olması amaçlanan karmaşık resimler (örneğin, evcil hayvanın benimsemelerini gösteren bir masanın arkasına bir kedinin resmini ekleme) profesyonelce görünmeyebilir ve tablo verilerinin okunabilirliğini etkileyebilir. Kullandığınız herhangi bir görüntü uygun şekilde lisanslanmış olmalıdır; Web'de bir fotoğraf bulabileceğiniz için kendi kullanımınız için uygun olabileceğiniz anlamına gelmez. Telif haklarına saygı gösterin!
hücre 1 hücre 2 hücre 1 hücre 2 …
Sadece bir masaya bir arka plan koy
class = "background" style = "width: 400px; height: 500px;>…
Tablo Arkaplan Resmini Tekrar Edin
Sırasıyla yatay veya dikey olarak döşenir.
Hücre Arka Plan Renkleri Tablo Arka Plan Görüntüsünü Engelle
hususlar