Borda pontilhada, tracejada, dupla ou entalhada no CSS

Para inserir uma borda, ou linha em apenas um dos lados de uma DIV utilizando CSS, veja os códigos abaixo:

Valores que podem ser usadas:
dotted: borda pontilhada
dashed: borda tracejada
solid: borda contínua
double: borda dupla
groove: borda entalhada
ridge: borda em ressalto
inset: borda em baixo relevo
outset: borda em alto relevo

.div {
     border: 2px dotted #999; /*Definindo o estilo da borda*/
     background-color: #ebebeb; /*Cor de fundo para melhor visualização do exemplo*/
     height: 80px; /*Altura para melhor visualização do exemplo*/
     width: 320px; /*Largura para melhor visualização do exemplo*/
}

Onde:
2px: Espessura da borda
dotted: Borda pontilhada
#999: Cor da borda

Essa DIV ficará assim:

 

Para inserir a borda em apenas um dos cantos da DIV, veja esse post.

1 Comment

  1. […] Para modificar o estilo da linha da borda, veja esse post. […]

Deixe sua Pergunta ou Comentário:

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Por favor, digite os caracteres desta imagem na caixa de entrada

Por favor digite o código da imagem

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>