semi transparent border code example
Example 1: css border opacity
div {
border: 1px solid rgba(255, 0, 0, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
Example 2: how to give opacity to border
border: 1px solid rgba(255, 0, 0, .5);