CSS borders | Sololearn: Learn to code for FREE!

+1

CSS borders

Is there any way to get translucent borders??? I mean why " border: 3px solid rgba(0,0,0,0.x); " is not working for me???

5/22/2018 3:44:26 PM

Ayush

6 Answers

New Answer

+10

there are a possible way to make a translucent border, but it will make the whole element you select become translucent too. border: 3px solid black; opacity: 0.6;

+8

Ayush Gupta it's better to show your code here

+6

have you tried this: border: 3px solid rgba(0,0,0,1);

+6

Ayush Gupta what do you said with box-shadow is good, but you will miss all border style such as ridge, double, dotted, dashed, etc. have you ever use <button> tag? I knew it use a default border

+2

what I just found was that we can achieve the same thing using the box-shadow property: box-shadow: 0 0 0 10px rgba(0,0,0,0,0.5); that worked well for me...

+1

Like you did, rgba should be the way to go for this effect. I've just tried it and it worked border : 3px solid rgba(0,0,0, .2) for instance is working flawlessly