Šiame įraše bus paaiškinta, kaip visiškai pašalinti kraštines iš HTML naudojant CSS.
Kaip visiškai pašalinti sienas iš HTML lentelės?
Jei vartotojai nori visiškai pašalinti kraštines iš HTML lentelės, peržiūrėkite instrukcijas.
1 veiksmas: sukurkite lentelę su sienele
Norėdami sukurti lentelę HTML, vadovaukitės instrukcijomis:
- Pirmiausia pridėkite lentelės elementą '
' kartu su ' siena “ atributas. - Tada '
“ žyma pridedama norint sukurti norimą eilučių skaičių. - Antraštės langeliai nurodomi naudojant „
“ žymas. - Po to „
“ žymos įtrauktos į kitas “ “ žymos, skirtos duomenų langeliams pridėti: < stalo siena = '1px' >
< tr > < th > vardas < / th > < th > ID < / th > < th > Kategorija < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > A < / td >< / tr >
< tr > < td > Vandenynas < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Didelis < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / stalo >Norėdami sukurti HTML lentelės stilių, naudosime šias CSS ypatybes:
stalo {
kamšalas : 10 piks ;
marža : automatinis ;
siena : 1px kietas juodas :
}
Viduje '
“, pasiekite elementą naudodami jo žymą. Tada pritaikykite šias savybes:
- “ marža „turtas, kurio vertė“ automatinis “ naudojamas norint nustatyti vienodą erdvę aplink elementą.
- “ kamšalas „turtas, kurio vertė“ 10 piks “ nustato 10 pikselių erdvę aplink elemento turinį.
- “ siena “ ypatybė taiko kraštinę aplink stalą.
Išvestis
2 veiksmas: pašalinkite kraštinę iš CSS
Norėdami pašalinti lentelės kraštą, vartotojai turi nustatyti „ siena “ nuosavybė kaip “ nė vienas “:
stalo {
kamšalas : 10 piks ;
marža : automatinis ;
siena : nė vienas ;
}Galima pastebėti, kad išorinė lentelės sienelė buvo sėkmingai pašalinta:
3 veiksmas: visiškai pašalinkite lentelės kraštą
Be to, jei norite pašalinti visą kraštinę iš lentelės ir langelių, nustatykite „ siena “ nuosavybė kaip “ nė vienas “ ant visų elementų, įskaitant “ stalo “, „ tr “, „ th “ ir „ td “:
lentelė, tr, td, th{
pamušalas: 10px;
marža: automobilis;
kraštinė: nėra;
}Žemiau pateikta išvestis rodo, kad mes visiškai pašalinome kraštinę iš HTML lentelės:
Mes parodėme būdą, kaip visiškai pašalinti kraštines iš HTML lentelių.
Išvada
Norėdami visiškai pašalinti kraštinę iš HTML lentelės, pirmiausia sukurkite lentelę. Po to pritaikykite CSS ypatybes ' siena “, „ kamšalas “ ir „ marža ' ant stalo. Tada nustatykite pasienio ypatybę kaip „ nė vienas “ ant visų lentelės elementų, pvz., “ stalo “, „ tr “, „ td “ ir „ th “. Šioje pamokoje parodytas būdas visiškai pašalinti kraštinę iš HTML lentelės.
- Antraštės langeliai nurodomi naudojant „