Tabella e css

[luckino69]

Ciao a tutti,
sto incontrando diverse difficoltà nel fare una tabella in css per la visualizzazione di dati.
Il risultato che vorrei ottenere è quello in foto "immagine" e quello che al momento ottengo è quello in "immagine2".
Per ora ho applicato queste regole:
css:

table.tabella {
	table-layout: fixed;
	width: 862px;
	background: Silver;
	margin: 15px;
	border-collapse:collapse;
}

html:

<table class="tabella">
<caption>CARATTERISTICHE</caption>
<tr><td>Inserito il<td><td>08/10/1982</td><td>Superficie</td><td>180 mq</td><td>Terrazza</td><td>Si</td><td>Posto auto</td><td>Si</td><td>Giardino</td><td>Si</td></tr>
<tr><td>Condizionatore<td><td>Si</td><td>Piano</td><td>4</td><td>Box</td><td>Si</td><td>Ascensore</td><td>Si</td><td>Bagni</td><td>1</td></tr>
</table>

Non riesco a spaziare le celle in maniera corretta e uguali per tutti, e poi vorrei riprodurre l'effetto delle linee tratteggiate come nell'esempio, ma non ci sto cavando un ragno dal buco.
Grazie a tutti ciao

[luckino69]

Scusate, questo è quello che ottengo

[codencode]

Ti dò uno spunto, prova questo:

HTML

<table class="tabella">
    <caption>CARATTERISTICHE</caption>
    <tr>
        <td>Inserito il</td>
        <td>08/10/1982</td>
        <td>Superficie</td>
        <td>180 mq</td>
        <td>Terrazza</td>
        <td>Si</td>
        <td>Posto auto</td>
        <td>Si</td>
        <td>Giardino</td>
        <td>Si</td>
        </tr>
    <tr>
        <td>Condizionatore</td>
        <td>Si</td>
        <td>Piano</td>
        <td>4</td>
        <td>Box</td>
        <td>Si</td>
        <td>Ascensore</td>
        <td>Si</td>
        <td>Bagni</td>
        <td>1</td>
    </tr>
</table>

CSS

table.tabella {
	table-layout: fixed;
	width: 862px;
	background: #dddddd;
	margin: 15px;
	border-collapse:collapse;
	border: 1px solid #aaaaaa;
}

table.tabella tr {
	border-top: 1px dotted #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
}

table.tabella td {
	width: 97px;
	padding: 5px;
}

[luckino69]

Edit:
Ti ringrazio sono riuscito.
Volevo chiederti se sapevi dirmi come faccio per fare la "linguetta" caratteristiche in quel modo.
Grazie molte

[codencode]

Aggiungi nel foglio di stile

table.tabella caption {
 	width: 150px;
 	margin-bottom: -15px;
 	padding: 5px;
 	text-align: center;
 	color: #FFFFFF;
 	background: #FF0000 url('immagine.jpg'); 
}

immagine.jpg deve essere un'immagine con i bordi arrotondati simile a quella che compare nello screenshot che hai postato. Se non la metti si vedrà solo il colore di sfondo.