+ Almentar o tamanho da fonte- Diminuir o tamanho da fonteCompartilharEditar postagemComentar essa postagemLink para esta postagem Como usar bordas em um elemento da página

Sem dúvida você já viu em algum site, uma imgem ou um gadget com bordas coloridas, bom, hoje nós vamos aprender isso, como colocar bordas em elemtos da página.
Primeiramente vamos escolher o que ver ter bordas que pode ser desde DIV, IMG, SPAN ou outros, depos adicionamos o style de bordas:

style="border: 1px solid #000;"

Depois configuramos o tamanho em "px" o estilo da borda que pode ser solida (solid), pontilhada (dotted), tracejada (dashed) e dupla (double) e pos fim a cor em #***. Veja mais cores.

Avançado

Certos elementos merecem uma personalização mais avanda que pode ser desde arredondar os cantos das bordas, um estilo de borda em cada lado do objeto ou colocar uma imagem. Para arredondar os cantos das bordas você adiciona "border-radius" ao código anterior e assim temos:

style="border: 1px solid #000;border-radius: 6px;"

Para aumentar o valor radial da borda você altera o valor definido por "px".

Se você preferir ultilizar uma cor, uma espessura ou um estilo diferente para cado lado do objeto você ultiliza o código:

style="border-top: 1px solid
black;border-left: 1px solid black;border-right: 1px solid black;border-bottom: 1px solid black;"

E depois e só configurar cada valor.

Caso você queira colocar uma imgem na borda, ultilize o código:

style="border-image: url(URL DA IMAGEM);border-image-repeat: repeat;"

Subistitua pelo link da imagem e altere em "border-image-repeat" por "repeat" para repetir a imgem ou "no-repeat" para aparecer só uma vez.