Vi em várias páginas que as bordas das tabelas estão com uma borda com uma linha descontinua.
Como posso implementá-la em minha web?
Para conseguir isso, você simplesmente tem que utilizar a propriedade de CSS "border-style", atribuindo o valor "dotted", que quer dizer pontilhado em inglês.
Ademais, você pode definir outros valores ao estilo de borda pontilhada, como pode ser a cor da borda ou a cor de fundo da tabela.
Passo um código de exemplo:
<style type="text/css">
.pontilhada{
border-style: dotted;
border-width: 1px;
border-color: 660033;
background-color: cc3366;
font-family: verdana, arial;
font-size: 10pt;
}
Esta classe tem definido uma série de atributos de estilos. Desde o primeiro até o último são: tipo de borda, largura da borda, cor da borda, cor de fundo, tipo de letra e tamanho da fonte. O atributo que nos interessa é o primeiro, no qual se indica que se deseja um tipo de borda pontilhada.
Para utilizar o estilo você tem que atribuir a um elemento de HTML a classe gerada antes. Para isso utilizamos o atributo class de HTML. Tal como se definiu a classe se pode utilizar em qualquer elemento da página web, como uma tabela ou uma célula.
Por Miguel Angel Alvarez
