Hoe feroaret de eftergrûnkleur fan in tabel

In soad begjinnende of amateur webûntwerpers wolle witte hoe't jo de eftergrûnkleur fan in tabel feroarje. Yn in saak fan minuten kinne jo leare hoe't dizze technyk útfierd wurde mei dit koarte tutorial. De metoade is net sa yntimidearjend as it liket. It feroarjen fan eftergrûnkleur fan in tafel is sa ienfâldich as it taheakje fan ien attribje op 'e sel, rigel of tafel dat jo kleuren wolle.

Hoe't te begjinnen

It attribusje bgcolor sil de eftergrûnkleur fan 'e tafel feroarje, lykas de hjoeddeistige tabelrige of de hjoeddeiske tabelzelle. Mar it attribút bgcolor wurdt foarkomt yn foardiel fan stylblêden, dus it is net de optimaalste wize om de eftergrûnkleur fan de tabel te feroarjen. De bettere manier om de eftergrûn te feroarjen is it tafoegjen fan 'e styl eftergrûnkleur ta te heakjen oan' t tabel, rige of selektearket. Sjoch it hjirboppe foarbyld om te learen hoe.

As der gjin inkelde reden binne, wolle jo de styl fan eigendom eftergrûn-tafoegje oan 'e tafel, binne alternativen wêr' t jo kieze. Jo kinne bygelyks de stilen yn in stylblêd ynstelle yn 'e haad fan jo dokumint of yn in eksterne stylblêd . Sjoch de folgjende:

table {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; }

Set de eftergrûnkleur yn

De bêste manier om de efterkleur op in kolom te setten is in stylklasse te meitsjen en de klasse dêrnei oan de sellen yn dizze kolom te jaan. Sjoch op de hjirboppe foarbylden om te learen hoe't jo dit dwaan.

De CSS:

td.blueCol {background-color: blau; }

De HTML:

class = "blueCol" > cell 1 cell 2 class = cell 2

Ynpakke

Sels as jo de eftergrûnkleuren nea feroare hawwe, kinne jo de foarbylden hjirboppe kopiearje om dizze metoade sels te besykjen. Besykje de ferskillende opjeften te presintearjen en kieze de iene dy't jo hawwe wêr't jo it meast komfortabel fiele. En as jo wolle mear ynformaasje oer HTML-tabellen wolle, kontrolearje dizze FAQ foar ekstra details.