celle,bordi e css

**ambretta** · 19-04-2004, 11:47

ciao a tutti!
mi sto esaurendo su un problemino: è possibile fare bordi diversi per ogni cella di una tabella con i css?

**Sandro M.** · 19-04-2004, 11:52

si ti crei degli stili diversi e poi ad ogni cella associ lo stile che vuoi tu...es:
<td class="stile1">ciao</td>
<td class="stile2">hello</td>
<td class="stile3">hola</td>
......

**ambretta** · 19-04-2004, 11:56

avresti qualche esempio da farmi vedere per cortesia? non sono tanto pratica...

**kaze** · 19-04-2004, 12:02

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML LANG="IT">
<HEAD>
  <TITLE> </TITLE>
  <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <style>
  .cella1{
  border: 1px solid #FF0000;
  } 
  .cella2{
  border: 1px solid #FFFF00;
  } 
  .cella3{
  border: 1px solid #00FF00;
  } 
  </style>
</HEAD>
<BODY>
<table>
<tr>
  <td class="cella1">Testo testo testo</td>
</tr>
<tr>
  <td class="cella2">Testo testo testo</td>
</tr>
<tr>
  <td class="cella3">Testo testo testo</td>
</tr>
</table>
</BODY>
</HTML>

**Sandro M.** · 19-04-2004, 12:03

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Saluti</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.stile1 {
	border: 1px dotted #0000FF;
}
.stile2 {
	border: 2px dashed #FF6600;
}
.stile3 {
	border: 1px solid #000000;
}
-->
</style>
</head>

<body>
<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="stile1">ciao</td>
  </tr>
  <tr>
    <td class="stile2">hello</td>
  </tr>
  <tr>
    <td class="stile3">hola</td>
  </tr>
</table>

</body>
</html>

:tongue:

**ambretta** · 19-04-2004, 12:06

mille grazie!!! siete gentilissimi!
sembra facile...spero :adhone:

**ambretta** · 19-04-2004, 13:06

bellissimo!!funziona!

Discussione: celle,bordi e css

Strumenti discussione

Ricerca discussione

Visualizza

celle,bordi e css

Permessi di invio