Div com borda transparente

[Natsc 0]

Olá pessoas estou tentando fazer com que minha div tenha uma borda um pouco transparente estou utilizando rgba porém ela fica com uma cor mais escura do q a própria cor de fundo oq faço '-'

 

div#botao{

background-color:#2e7897;

display:block;

position:relative;

margin:200px auto;

width: 130px;

height: 60px;

border: 8px solid rgba(0,0,0,.5);

box-shadow:2px 2px 5px rgba(0,0,0,.6);

padding:5px

}

[Carlos Henrique A. 7]

Você está utilizando "0" e no caso 0 = preto.

Procure usar o código 255 que é branco.

 

Acredito que dessa forma já te agrade:

border: 8px solid rgba(255,255,255,.2);

Abcs

[L. Henrique 179]

Natsc,

Seguindo a linha da resposta do Carlos, você precisa entender o que significa RGBA.

• R = Red (Vermelho) - Valor máximo: 255
• G = Green (Verde) - Valor máximo: 255
• B = Blue (Azul) - Valor máximo: 255
• A = Alpha (Opacidade) - Valor máximo: 1

Quando você define uma propriedade de cor no CSS utilizando RGBA, está dizendo que aquele elemento vai ter uma cor composta pelas três principais + a opção de ter transparência.

Veja:

color: rgba(50, 80, 255, 0.5);

Lembre-se que a ordem RGBA é a mesma dos números que estão dentro, ou seja: R = 50, G = 80, B = 255 e A = 0.5. Levando tudo isso em consideração, ele vai ficar meio azulado (já que a tonalidade de B é maior que as demais) e um pouco claro por conta da opacidade.

Não se esqueça também de que um elemento com opacidade acaba recebendo a cor do fundo do elemento no qual ele está na frente. Então se eu tivesse um background: black; com esse color que eu criei, eu teria um azul mais escuro, diferente se eu tivesse usado branco.

Bons estudos!