Bu gönderi, tamamen CSS kullanarak HTML'den kenarlıkların nasıl kaldırılacağını açıklayacaktır.
HTML Tablosundan Kenarlıklar Nasıl Tamamen Kaldırılır?
Kullanıcılar bir HTML tablosundan kenarlıkları tamamen kaldırmak istiyorsa, talimatlara bakın.
1. Adım: Kenarlıklı Tablo Oluşturun
HTML'de bir tablo oluşturmak için talimatları izleyin:
- İlk olarak, bir tablo öğesi ekleyin '
' ile birlikte ' sınır ' bağlanmak. - Sonra '
” etiketi eklenerek istenilen satır sayısı oluşturulur. - Başlık hücreleri ' kullanılarak belirtilir.
” etiketleri. - Daha sonra, '
” etiketler diğer “ ” veri hücreleri eklemek için etiketler: < masa sınır = '1 piksel' >
< tr > < inci > İsim < / inci > < inci > İD < / inci > < inci > Kategori < / inci >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > Okyanus < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Büyük < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / masa >HTML tablosunu biçimlendirmek için aşağıdaki CSS özelliklerini kullanacağız:
masa {
dolgu malzemesi : 10 piksel ;
marj : Oto ;
sınır : 1 piksel sağlam siyah :
}
İçinde '
” etiketi, etiketini kullanarak öğesine erişin. Ardından, aşağıdaki özellikleri uygulayın:
- “ marj ' değeri olan özellik ' Oto ”, öğenin etrafında eşit boşluk ayarlamak için kullanılır.
- “ dolgu malzemesi ' değeri olan özellik ' 10 piksel ”, öğenin içeriğinin etrafındaki 10 piksellik alanı ayarlar.
- “ sınır ” özelliği, tablonun çevresine kenarlık uygular.
Çıktı
2. Adım: CSS'de Kenarlığı Kaldır
Tablodan kenarlığı kaldırmak için kullanıcıların “ sınır “ olarak mülk Yok ”:
masa {
dolgu malzemesi : 10 piksel ;
marj : Oto ;
sınır : Yok ;
}Tablodan dış sınırın başarıyla kaldırıldığı gözlemlenebilir:
3. Adım: Tablo kenarlığını tamamen kaldırın
Ayrıca, hem tablodan hem de hücrelerden tüm kenarlığı kaldırmak istiyorsanız, ' sınır “ olarak mülk Yok ' dahil olmak üzere tüm öğelerde ' masa ”, “ tr ”, “ inci ', ve ' td ”:
tablo, tr, td, th{
dolgu: 10 piksel;
kenar boşluğu: otomatik;
kenarlık: yok;
}Aşağıdaki çıktı, kenarlığı HTML tablosundan tamamen kaldırdığımızı gösterir:
HTML tablolarından kenarlıkları tamamen kaldırma yöntemini gösterdik.
Çözüm
Kenarlığı HTML tablosundan tamamen kaldırmak için önce bir tablo oluşturun. Bundan sonra, CSS özelliklerini uygulayın ' sınır ”, “ dolgu malzemesi ', ve ' marj ' masanın üstünde. Ardından, border özelliğini “ olarak ayarlayın. Yok ” gibi tüm tablo öğelerinde masa ”, “ tr ”, “ td ', ve ' inci ”. Bu öğretici, HTML tablosundan sınırı tamamen kaldırma yöntemini göstermiştir.
- Başlık hücreleri ' kullanılarak belirtilir.