Овај пост ће објаснити како у потпуности уклонити границе из ХТМЛ-а користећи ЦСС.
Како потпуно уклонити ивице из ХТМЛ табеле?
Ако корисници желе потпуно да уклоне ивице из ХТМЛ табеле, погледајте упутства.
Корак 1: Креирајте табелу са ивицом
Да бисте креирали табелу у ХТМЛ-у, пратите упутства:
- Прво додајте елемент табеле „ <табле> ' заједно са ' граница ” атрибут.
- Затим ' <тр> ” се додаје ознака за креирање жељеног броја редова.
- Ћелије наслова су наведене помоћу „ <тх> ' ознаке.
- Након тога, ' <тд> ” ознаке су укључене у друге “ <тр> ” ознаке за додавање ћелија са подацима:
< тр > < тх > Име < / тх > < тх > ИД < / тх > < тх > Категорија < / тх >< / тр >
< тр > < тд > Јенни < / тд > < тд > 001 < / тд > < тд > А < / тд >< / тр >
< тр > < тд > Оцеан < / тд > < тд > 002 < / тд > < тд > Б < / тд >< / тр >
< тр > < тд > Велики < / тд > < тд > 003 < / тд > < тд > Ц < / тд >< / тр >
< / сто >
За стилизовање ХТМЛ табеле користићемо следећа ЦСС својства:
<стиле >
сто {
паддинг : 10пк ;
маргина : ауто ;
граница : 1пк чврст црн :
}
>
Унутар ' <стиле> ” , приступите елементу <табле> користећи његову ознаку. Затим примените следећа својства:
- “ маргина ” својство са вредношћу “ ауто ” се користи за постављање једнаког простора око елемента.
- “ паддинг ” својство са вредношћу “ 10пк ” поставља простор од 10 пиксела око садржаја елемента.
- “ граница ” својство примењује границу око стола.
Излаз
Корак 2: Уклоните ивицу у ЦСС-у
Да би уклонили ивицу из табеле, од корисника се тражи да подесе „ граница “ својство као “ ниједан ”:
сто {паддинг : 10пк ;
маргина : ауто ;
граница : ниједан ;
}
Може се приметити да је спољна ивица из табеле успешно уклоњена:
Корак 3: Потпуно уклоните ивицу табеле
Штавише, ако желите да уклоните целу ивицу из табеле као и из ћелија, поставите „ граница “ својство као “ ниједан ” на свим елементима, укључујући и „ сто ”, “ тр ”, “ тх ', и ' тд ”:
табела, тр, тд, тх{паддинг: 10пк;
маргина: ауто;
граница: нема;
}
Доњи излаз показује да смо потпуно уклонили ивицу из ХТМЛ табеле:
Демонстрирали смо метод за потпуно уклањање граница из ХТМЛ табела.
Закључак
Да бисте потпуно уклонили ивицу из ХТМЛ табеле, прво направите табелу. Након тога, примените ЦСС својства “ граница ”, “ паддинг ', и ' маргина ' на столу. Затим поставите својство границе као „ ниједан ” на свим елементима табеле, као што је „ сто ”, “ тр ”, “ тд ', и ' тх ”. Овај водич је демонстрирао метод за потпуно уклањање границе из ХТМЛ табеле.