Estilos de Bordas Diferentes em Css!

Olá moranguetes? Tudo beleza? Nossa gente que noite mais friaaa O.O Esquecendo um pouco do frio e me concentrando no post, pensei em postar sobre bordas, mas não bordas em imagem como estamos acostumados, bordas pressionadas, bordas por fora da imagem etc.. Mas sim bordas em css, igual a que eu coloquei nos corpo dos posts e nos gadgets da sidebar. Não existe somente borda redonda e meio quadrada, existem várias outras diferentes e muito legais! E são tão fáceis de usar, são modelos simples que fazem todo um efeito no blog, acho meio ultrapassado usar as mesmas bordas em todo o tipo de layout, eu sei, eu também usei e muito, mas como tudo é uma fase estou dando estas outras opções para vocês!


Aqui exemplos de bordas:


Todos os modelos de bordas você irá colocar onde quer o efeito, exemplo se você quiser no corpo do post, ou na sidebar vá até .post ou .sidebar e coloque o código, visualize e veja se deu certo, é só salvar!

Código A:  -moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px;}


Código B:  -moz-border-radius-bottomright: 50px 25px; border-bottom-right-radius: 50px 25px;}

Código C:  -moz-border-radius-bottomright: 25px 50px; border-bottom-right-radius: 25px 50px;}

Código D: -moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em;}

Código E:  -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;}

Código F:  -moz-border-radius: 35px; border-radius: 35px;}

 É isso códigos simples mas que fazem uma grande diferença na hora de montar seu layout!
Kissus para todos..Roh ;)
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

5 comentários:

  1. Nunca tinha visto o estilo da E! Adorei!! Uma mais diferente e linda que a outra, adorei!

    -4 Seconds.

    ResponderExcluir
  2. que mas! adorei! nunca tinha visto.. ≧ω≦

    ResponderExcluir
  3. Amei, ainda não tinha visto algumas dessas,
    essas bordas são perfeitas ;3

    Lovers Of Html | loversofhtml.blogspot.com

    ResponderExcluir
  4. Nossa eu adoro brincar com bordas também.
    No começo não entendia NADA, mas com os erros fui aprendendo a usar todos os tipos.
    Esse post é muito útil e importante. Gostei muito.

    Ahh Roh, já faz um bom tempo que eu vi seu novo layout e adorei, só não tive oportunidade de comentar, mas esse aqui é perfeito. Sempre amo os temas e paletas de cores que você usa.

    ResponderExcluir
  5. Adorei muito legal . lindo seu blog muito cute e otimo conteudo seguindo poderia retribuir ? bjss flor !!
    www.mymomentsz.blogspot.com

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017