Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: CSS, kaksi eriväristä taulua

eija [23.08.2009 07:04:27]

#

Käytän ohjelmani värittämiseen yms. CSS:tä.

Voisin tietty laittaa koodinkin sekaan, kun tarvitsen kahden eri värin taulukoita. Mutta miten se tehtäisiin tyylisivuilla? Jostain luin, että se onnistuu niinkin.

Teuro [23.08.2009 09:20:20]

#

Vastaus löytyy esimerkiksi luokilla (class) tai yksilöllisellä tunnisteella (id). Alla esimerkki luokista.

<html>
	<head>
		<title>CSS-esimerkki</title>
		<style type="text/css">
			/* Luokka taulukolle */
			.taulu1{
				background-color: rgb(127, 127, 127);
			}

			/* Luokka riville */
			.taulu1 tr{
				background-color: rgb(127, 164, 127);
				}

			/* Luokka soluille */
			.taulu1 td{
				background-color: rgb(60, 200, 200);
				color: rgb(63, 63, 63);
			}
		</style>
	</head>
	<body>
		<table class="taulu1">
			<tr>
				<td>Terve</td>
				<td>Moikka</td>
			</tr>
			<tr>
				<td>Toinen</td>
				<td>Rivi</td>
			</tr>
		</table>
	</body>
</html>

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta