How do I set a translucent border in CSS?

You can refer to my code below:

xxx:{    border:5px solid rgba (xxx, xxx, xxx, 0.5)}

One of the first xxx is the element you choose to need translucent
The next xxx is the color you want to translucent
Set the transparency to 0.5 to be translucent.

. Transparent{filter:alpha (opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;} Filter:alpha (OPACITY=50): This is for the IE6 set, the value is 0-100, the other three 0 to 1.-moz-opacity:0.5; This is to support some of the older versions of Mozilla browser. -khtml-opacity:0.5; This is to support some of the older versions of the Safari browser. opacity:0.5; This is the most important because it is a CSS standard. This property supports Firefox, Safari, and Opera.

Hello, can try to use

Border-style:solid;border-color:rgba (250,0,255,0.7)

* Note: Rgba corresponds to red and green blue and transparent values, where the RGB interval is 0 (pure black) to 255 (solid color) Transparency a interval is 0 (completely transparent) to 1 opaque