Inserir borda em apenas um canto da DIV

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

Propriedades que podem ser usadas:
border-top: Borda superior
border-left: Borda esquerda
border-right: Borda direita
borda-bottom: Borda inferior

.div {
     border-top: 2px solid #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
solid: Borda contínua
#999: Cor da borda

Essa DIV ficará assim:

 

Para modificar o estilo da linha da borda, veja esse post.

1 Comment

  1. […] Para inserir a borda em apenas um dos cantos da DIV, 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>