resolvido [CSS] Border

[Luiiiz]

Poderiam me dizer como faco esse "quadradinho" na juncão de bordas de cores diferentes? 

http://prntscr.com/htthhu

[SnowRunescape]

bom... da pra vc fazer div dentro de div.. e utilizar as seguintes funçoes do css

 

border-bottom:solid 2px #fff;

border-top:solid 2px #fff;

border-left:solid 2px #fff;

border-right:solid 2px #fff;

 

.. dai vc escolhe o tamanho e a cor...

[Luiiiz]

 

bom... da pra vc fazer div dentro de div.. e utilizar as seguintes funçoes do css

 

border-bottom:solid 2px #fff;

border-top:solid 2px #fff;

border-left:solid 2px #fff;

border-right:solid 2px #fff;

 

.. dai vc escolhe o tamanho e a cor...

 

Cheguei a pensar que era isso, porem quando fui fazer ficou assim:http://prntscr.com/htwkyw

Queria msm como um "quadradinho" nas pontas

[Luiiiz]

#up

[Jaoow]

#up

Não pode utilizar @UP!

 

 

Bom.. isso deve ser uma image...

Poderia me dizer de retirou essa imagem?

 

 

Bom... acabei de ver que você retirou do site do minecraft!

 

O css é esse 

    border-top: 4px solid #64fd1f;
    border-bottom: 4px solid #1e8c03;
    border-left: 4px solid #156c00;
    border-right: 4px solid #47d009;

Porem eles usam um svg para coloca esses "quadradinhos"

 

Esse quadradinho pelo visto são feitos para a cor especifica mas caso ainda queira fazer da mesmo cor aqui está a svg:

 

 

    background: url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…VjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMzcsIDE3NiwgNykiIC8+PC9zdmc+) top left no-repeat, url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…B3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMTQxLCAyNTMsIDkyKSIgLz48L3N2Zz4=) top right no-repeat, url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…VjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMTgsIDg4LCAzKSIgLz48L3N2Zz4=) bottom left no-repeat, url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…VjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMzYsIDE4MCwgNikiIC8+PC9zdmc+) bottom right no-repeat;

Talvez você tenha que adpta-la mas é apenas um base!

Editado Dezembro 30, 2017 por Jaoow

[Luiiiz]

Não pode utilizar @UP!

 

 

Bom.. isso deve ser uma image...

Poderia me dizer de retirou essa imagem?

" Ontem, 12:29"

 

O site da primeira imagem foi no minecraft.net

[Luiiiz]

Não pode utilizar @UP!

 

 

Bom.. isso deve ser uma image...

Poderia me dizer de retirou essa imagem?

 

 

Bom... acabei de ver que você retirou do site do minecraft!

 

O css é esse 

    border-top: 4px solid #64fd1f;
    border-bottom: 4px solid #1e8c03;
    border-left: 4px solid #156c00;
    border-right: 4px solid #47d009;

Porem eles usam um svg para coloca esses "quadradinhos"

 

Esse quadradinho pelo visto são feitos para a cor especifica mas caso ainda queira fazer da mesmo cor aqui está a svg:

 

 

    background: url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…VjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMzcsIDE3NiwgNykiIC8+PC9zdmc+) top left no-repeat, url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…B3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMTQxLCAyNTMsIDkyKSIgLz48L3N2Zz4=) top right no-repeat, url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…VjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMTgsIDg4LCAzKSIgLz48L3N2Zz4=) bottom left no-repeat, url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…VjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSJyZ2IoMzYsIDE4MCwgNikiIC8+PC9zdmc+) bottom right no-repeat;

Talvez você tenha que adpta-la mas é apenas um base!

Puutz, cmplcado. Mas valeu aii

[Keverson]

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.


Atenciosamente,
Gamer's Board