background-color: rgba(255, 0, 0, 0.25);
上面的代码就是设置一个四分之一透明度的红色背景色。其中,红色通道的取值是255,表示全红色;透明度通道的取值是0.25,表示四分之一透明。实际上,CSS还支持其他类型的四分之一颜色,例如:
- hsla(120, 100%, 50%, 0.25):四分之一透明度的亮绿色
- #80808040:四分之一透明度的灰色,其中#808080是颜色的RGB值,40是透明度的十六进制数值(64的十进制数值除以255)
- currentColor: rgba(0, 0, 255, 0.25):四分之一透明度的当前元素颜色
使用CSS的四分之一颜色功能,可以让开发者轻松地实现半透明的效果,提高网页的设计趣味性。