Estilo em tabelas HTML com CSS

Pergunta
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?

Valorize esta FAQ:
A FAQ Estilo em tabelas HTML com CSS tem Pertence à categoria:
Resposta
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

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + [...]

Ver todas las FAQS de CSS

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato