Sådan ændres farven på en tabel

En tabel på en webside er skabt ved hjælp af HTML & lt; bord & gt;tag.Den består af rækker og kolonner, som et regneark.Farve kan tilsættes til tabellen, TR (række) og TD (celle) tags separat.Dette kan gøres med HTML attributten "bgcolor", som selv forældede fortsat anerkendt af webbrowsere, eller ved at bruge cascading style sheets (CSS) og "baggrunden" stil attribut, som er den anbefalede metode til moderne hjemmeside design.

hvad du har brug

  • Web Editing Software med en HTML-koden Se webbrowser

BrugHTML attributter

  1. Åbn din web redigeringssoftware og den webside, der indeholder den tabel, du ønsker at tilføje farve til, eller oprette en ny webside og tilføje en tabel til den.

  2. Se HTML-kode til din webside i din redigeringsværktøj.I Adobe Dreamweaver, for eksempel ved at klikke på "Code" eller knappen "Split" øverst i redigeringsvinduet.

  3. Sæt attributten "bgcolor" og en farvevalg i din & lt; bord & gt ;, & lt; TR & gt;eller & lt; TD & gt;HTML-tag, hvis d

    u vil ændre baggrundsfarven anvender den ældre metode.Koden vil ligne: & lt; table bgcolor = # 990000 width = "100%" border = "0" & ​​gt ;, & lt; tr bgcolor = "# 9900CC" & gt;eller & lt; td bgcolor = "# 9900CC" & gt ;.

    HTML bgcolor Attribut
  4. gemme din fil ændringer og uploade din webside til din webserver for at se tabellen farver i din browser.

Brug CSS Styles

  1. Sæt et & lt; STYLE & gt;tag i & lt; head & gt;afsnit af din webside (over BODY tag) og tilsæt CSS farvedefinitioner til at styre udseendet af alle tabeller på din webside.Koden vil ligne: & lt; stil & gt;table {background-color: # FF0000;} & Lt; / typografi & gt ;.Så hver gang du indsætter en & lt; bord & gt;tag i kroppen på denne side, vil det have denne farve.

    CSS Style Tag
  2. Indsæt en CSS stil definition direkte ind i en & lt; bord & gt;tag i kroppen på den webside, hvis du ønsker at ændre farven for kun én tabel på en side, der har mange.Koden vil ligne: & lt; table style = "background-color: # 0033CC" width = "100%" border = "0" & ​​gt ;.

    CSS Style i tabel Tag
  3. Indsæt en stil definition til at styre baggrundsfarven af ​​individuelle tabel række tags (TR) eller tabel celle-tags (TD), som du gjorde for & lt; bord & gt;tag i trin 2. Denne kode ville ligne: & lt; tr style = "background-color: # 0033CC" & gt;og & lt; td style = "background-color: # 0033CC" & gt ;.

  4. gemme din fil ændringer og uploade din webside til din webserver for at se tabellen farver i din browser.

Tips & amp;Advarsler

  • Tabellen "grænsekontrol" kan også farves med CSS ved hjælp af attribut: style = "border-color: #".

Resources

  • Tabel Tag i HTML-dokumenter
  • CSS Table Properties
565
0
3
Webdesign