Tutorial básico CSS

Tutorial intermediário CSS

border-radius A propriedade é usada para adicionar bordas arredondadas ao elemento:

Borda comum

Bordas arredondadas

p {
  border: 2px solid red;
  border-radius: 5px;
}

Todas as propriedades da borda superior em uma declaração: Este exemplo demonstra a propriedade abreviada, usada para configurar todas as propriedades da borda superior em uma única declaração.
Configurar o estilo da borda inferior: Este exemplo demonstra como configurar o estilo da borda inferior.
Definir a largura da borda esquerda: Este exemplo demonstra como definir a largura da borda esquerda.
Definir a cor de todas as quatro bordas: Este exemplo demonstra como definir a cor de todas as quatro bordas. Pode ter de um a quatro cores.
Definir a cor da borda direita: Este exemplo demonstra como definir a cor da borda direita.

Propriedade	Descrição
border	Propriedade abreviada, define todas as propriedades das bordas em uma declaração.
border-color	Propriedade abreviada, define a cor de todas as quatro bordas.
border-radius	Propriedade abreviada, pode definir todos os quatro border-*-radius.
border-style	Propriedade abreviada, define o estilo de todas as quatro bordas.
border-width	Propriedade abreviada, define a largura de todas as quatro bordas.
border-bottom	Propriedade abreviada, define todas as propriedades da borda inferior em uma declaração.
border-bottom-color	Definir a cor da borda inferior.
border-bottom-style	Definir o estilo da borda inferior.
border-bottom-width	Definir a largura da borda inferior.
border-left	Propriedade abreviada, define todas as propriedades da borda esquerda em uma declaração.
border-left-color	Definir a cor da borda esquerda.
border-left-style	Definir o estilo da borda esquerda.
border-left-width	Definir a largura da borda esquerda.
border-right	Propriedade abreviada, define todas as propriedades da borda direita em uma declaração.
border-right-color	Definir a cor da borda direita.
border-right-style	Definir o estilo da borda direita.
border-right-width	Definir a largura da borda direita.
border-top	Propriedade abreviada, define todas as propriedades da borda superior em uma declaração.
border-top-color	Definir a cor da borda superior.
border-top-style	Definir o estilo da borda superior.
border-top-width	Definir a largura da borda superior.