CSS borders | Sololearn: Learn to code for FREE!


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


6 Answers

New Answer


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;


Ayush Gupta it's better to show your code here


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


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


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...


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