Tämä viesti selittää, kuinka reunat poistetaan HTML:stä kokonaan CSS:n avulla.
Kuinka poistaa reunat kokonaan HTML-taulukosta?
Jos käyttäjät haluavat poistaa reunat kokonaan HTML-taulukosta, katso ohjeita.
Vaihe 1: Luo taulukko reunalla
Luo taulukko HTML-kielellä seuraavien ohjeiden mukaan:
- Lisää ensin taulukkoelementti '
' kanssa ' rajaa ”-attribuutti. - Sitten '
” -tunniste lisätään luomaan haluttu määrä rivejä. - Otsikkosolut määritetään käyttämällä '
”tunnisteet. - Sen jälkeen, '
'tunnisteet sisältyvät muihin' ' -tunnisteet tietosolujen lisäämiseksi: < pöytä rajaa = '1px' >
< tr > < th > Nimi < / th > < th > ID < / th > < th > Kategoria < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > valtameri < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Iso < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / pöytä >HTML-taulukon muotoiluun käytämme seuraavia CSS-ominaisuuksia:
pöytä {
pehmuste : 10px ;
marginaali : auto ;
rajaa : 1px kiinteä musta :
}
>Sisällä '
” -tunnistetta, käytä -elementtiä sen tunnisteen avulla. Käytä sitten seuraavia ominaisuuksia:
- ' marginaali 'omaisuus arvolla' auto ' käytetään asettamaan yhtäläinen tila elementin ympärille.
- ' pehmuste 'omaisuus arvolla' 10px ” asettaa 10 kuvapisteen tilan elementin sisällön ympärille.
- ' rajaa ”-ominaisuus soveltaa reunaa pöydän ympärillä.
Lähtö
Vaihe 2: Poista reunus CSS:stä
Reunuksen poistamiseksi taulukosta käyttäjien on asetettava ' rajaa ' omaisuutta nimellä ' ei mitään ':
pöytä {
pehmuste : 10px ;
marginaali : auto ;
rajaa : ei mitään ;
}Voidaan havaita, että taulukon ulkoreuna on poistettu onnistuneesti:
Vaihe 3: Poista taulukon reuna kokonaan
Lisäksi, jos haluat poistaa koko reunuksen taulukosta ja soluista, aseta ' rajaa ' omaisuutta nimellä ' ei mitään ' kaikissa elementeissä, mukaan lukien ' pöytä ”, “ tr ”, “ th ”, ja ” td ':
table, tr, td, th{
täyte: 10px;
margin: auto;
reuna: ei mitään;
}Alla oleva tulos osoittaa, että olemme poistaneet reunan kokonaan HTML-taulukosta:
Olemme osoittaneet menetelmän poistaa reunat kokonaan HTML-taulukoista.
Johtopäätös
Jos haluat poistaa reunan kokonaan HTML-taulukosta, luo ensin taulukko. Käytä sen jälkeen CSS-ominaisuuksia ' rajaa ”, “ pehmuste ”, ja ” marginaali ' pöydällä. Aseta sitten raja-ominaisuuden arvoksi ' ei mitään ' kaikissa taulukon elementeissä, kuten ' pöytä ”, “ tr ”, “ td ”, ja ” th ”. Tämä opetusohjelma on osoittanut menetelmän, jolla reunus voidaan poistaa kokonaan HTML-taulukosta.
- Otsikkosolut määritetään käyttämällä '