Tento príspevok vysvetlí, ako úplne odstrániť okraje z HTML pomocou CSS.
Ako úplne odstrániť okraje z tabuľky HTML?
Ak chcú používatelia úplne odstrániť okraje z tabuľky HTML, pozrite si pokyny.
Krok 1: Vytvorte tabuľku s okrajom
Ak chcete vytvoriť tabuľku v HTML, postupujte podľa pokynov:
- Najprv pridajte prvok tabuľky “
' spolu s ' hranica “. - Potom '
” sa pridá na vytvorenie požadovaného počtu riadkov. - Bunky nadpisu sú špecifikované pomocou „
'značky.' - Potom, '
“značky sú zahrnuté v iných “ ” značky na pridávanie dátových buniek: < tabuľky hranica = '1px' >
< tr > < th > názov < / th > < th > ID < / th > < th > Kategória < / th < / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td < / tr >
< tr > < td > oceán < / td > < td > 002 < / td > < td > B < / td < / tr >
< tr > < td > Veľký < / td > < td > 003 < / td > < td > C < / td < / tr >
< / tabuľky >Na úpravu štýlu HTML tabuľky použijeme nasledujúce vlastnosti CSS:
<štýl >
tabuľky {
vypchávka : 10 pixelov ;
marža : auto ;
hranica : 1px pevný čierna :
}
>Vnútri ' ” pristupujte k prvku
pomocou jeho značky. Potom použite nasledujúce vlastnosti:
- “ marža “vlastnosť s hodnotou” auto ” sa používa na nastavenie rovnakého priestoru okolo prvku.
- “ vypchávka “vlastnosť s hodnotou” 10 pixelov “ nastavuje priestor 10 pixelov okolo obsahu prvku.
- “ hranica Vlastnosť ” aplikuje ohraničenie okolo tabuľky.
Výkon
Krok 2: Odstráňte orámovanie v CSS
Ak chcete odstrániť orámovanie z tabuľky, používatelia musia nastaviť „ hranica “vlastnosť ako “ žiadny “:
tabuľky {
vypchávka : 10 pixelov ;
marža : auto ;
hranica : žiadny ;
}Je možné pozorovať, že vonkajší okraj z tabuľky bol úspešne odstránený:
Krok 3: Úplne odstráňte orámovanie tabuľky
Okrem toho, ak chcete odstrániť celé orámovanie z tabuľky aj z buniek, nastavte „ hranica “vlastnosť ako “ žiadny “ na všetkých prvkoch vrátane “ tabuľky “, “ tr “, “ th “ a „ td “:
tabuľka, tr, td, th{
výplň: 10px;
okraj: auto;
hranica: žiadna;
}Nasledujúci výstup naznačuje, že sme úplne odstránili orámovanie z tabuľky HTML:
Ukázali sme metódu na úplné odstránenie okrajov z HTML tabuliek.
Záver
Ak chcete úplne odstrániť orámovanie z tabuľky HTML, najskôr vytvorte tabuľku. Potom použite vlastnosti CSS “ hranica “, “ vypchávka “ a „ marža “ na stole. Potom nastavte vlastnosť border ako „ žiadny “ na všetkých prvkoch tabuľky, ako napríklad “ tabuľky “, “ tr “, “ td “ a „ th “. Tento tutoriál demonštroval metódu úplného odstránenia okraja z tabuľky HTML.
- Bunky nadpisu sú špecifikované pomocou „