•  
     

Na borda da insanidade - HTML e CSS

Muitos elementos HTML suportam a propriedade border (borda). Ela pode ser especialmente útil com tabelas.

A propriedade border tem suporte a vários valores. Por exemplo, para uma borda de 2 pixels de espessura, sólida, e vermelha, você digita

Código: Selecionar todos

selector {
border: 2px solid red;
}


HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title></title>
</head>
<body>
<table>
<thead>
<th colspan="3">Nove Blocos!</th>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>


CSS

Código: Selecionar todos

table{
border:1px solid black;
}
td{
height:50px;
border:1px dashed blue;
}


Demo: http://jsfiddle.net/v3hpgxep/