Ratkaistu: taulukon reunan väri html-muodossa

Viimeisin päivitys: 09/11/2023
Kirjoittaja: HTML SourceTrail

Suurin ongelma, joka liittyy taulukon reunusten väriin HTML:ssä, on, että reunusten väri ei ole aina yhtenäinen eri selaimissa. Eri selaimet voivat tulkita samaa HTML-koodia eri tavalla, mikä johtaa epäjohdonmukaisiin väreihin. Lisäksi jotkin vanhemmat selaimet eivät välttämättä tue tiettyjä ominaisuuksia, kuten tietyn värin määrittämistä taulukon reunukselle, mikä vaikeuttaa yhtenäisten mallien luomista useille alustoille.

1. Tämä rivi luo taulukon, jossa on musta reunus:

Kuukausi Säästöt
tammikuu $100
2. Tämä rivi luo taulukon ensimmäisen rivin, jossa on kaksi otsikkoa:

3. Tämä rivi luo taulukon toisen rivin, jossa on yksi sarake "tammikuulle" ja yksi sarake "$100":

4. Tämä rivi sulkee taulukon:

Kuukausi Säästöt
tammikuu $100

Taulukon tunnisteet

HTML:n taulukkotunnisteita käytetään taulukoiden luomiseen ja jäsentämiseen. Taulukoita käytetään tietojen järjestämiseen ja esittämiseen jäsennellysti. Taulukkotunnisteet sisältävät

,

,

,

ja

. Taulukkotunniste määrittää taulukon, tr-tunniste määrittää rivin, th-tunniste määrittää otsikkosolun, td-tunniste määrittää tietosolun ja otsikkotunniste määrittää taulukon kuvatekstin.

bordercolor attribuutti

HTML:n bordercolor-attribuuttia käytetään määrittämään elementin ympärillä olevan reunuksen väri. Sitä käytetään kanssa

ja se voidaan asettaa mihin tahansa kelvolliseen värin nimeen, heksadesimaaliarvoon tai RGB-arvoon. Bordcolor-attribuutti on vanhentunut HTML5:ssä, eikä sitä tule käyttää.

Kuinka muutan taulukon reunan väriä HTML:ssä

Voit muuttaa taulukon reunuksen väriä HTML:ssä käyttämällä style-attribuuttia ja määrittämällä border-color-ominaisuuden. Esimerkiksi:

Rivi 1 Rivi 2

Related viestiä: