Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > FAQ
SEÇÕES
Monotemáticos
+ HTML
+ CSS
+ PHP
+ ASP
+ Javascript
Manuais
+ Desde 0
+ Tecnologia
+ Divulgação de sites
+ Flash
+ Mais manuais
Outras Seções
+ Diretório
+ Buscar em CriarWeb
+ Programas
+ Faqs
+ Colabore
Serviços e comunidade
+ Home comunidade
+ Suas Páginas
+ Boletim
+ Cadastrar-se
+ Gerador de METAs
+ Enquete
+ Livro de visitas

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net

Estilo em tabelas HTML com CSS

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?

A FAQ Estilo em tabelas HTML com CSS tem Pertence à categoria:
Resposta de Miguel Angel Alvarez 24/4/08
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.

 
FAQ 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
  + Centralizar conteúdo da página
  + Elementos de listas LI na mesma linha
  + Links visitados
  + Cor de fonte em uma tabela
  + Aplicar estilo à primeira linha de um texto
  + Caixa com CSS
  + Construir um boletim com CSS
  + Clip em um div
  + Textarea sem borda
  + Menu dinâmico com CSS
  + Diferença entre atributos CSS margin e padding
  + Altura de camada que seja a da janela do navegador (CSS height: 100%)
  + Construir por tabelas ou camadas
  + Como posso mudar a cor da barra de deslocamento?
  + Mudar a cor dos links
  + Menu com CSS
  + Cursor com imagem
  + Como posso mudar a cor das células quando passo o ponteiro por cima delas?
  + Camadas com CSS
  + Ocultar camadas com Css
  + CSS dinâmico com ASP

Complementar a respostaComplementar a resposta
Voltar à árvore de categoriasVoltar à árvore de categorias

Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites