使用rgba()
颜色表示法。
它比HEX rgba的支持更好。
让我们转换#FFFF014F
:
红色:FF = 255
绿色:FF = 255
蓝色:01 = 1
Alpha通道:4F = 79/255 = .31
因此结果为:border: 2px solid rgba(255, 255, 1, .31);
body {background:navy}
span {
display:inline-block;
padding:.5em;
margin:1em;
text-align: center;
border-radius: 25px;
color:#fff;
}
.hex {border: 2px solid #FFFF014F}
.rgba {border: 2px solid rgba(255, 255, 1, .31)}
<span class="hex">#FFFF014F</span>
<span class="rgba">rgba(255, 255, 1, .31)</span>