CSS3是網頁設計中必要的工具之一,可以讓我們通過簡單的代碼實現美觀的效果,比如設置透明度。下面介紹兩種設置透明度的方法。
1. 使用opacity屬性
.opacity{ opacity: 0.5; /* 設置透明度為50% */ }
使用opacity屬性可以實現對元素內部和內容的透明度控制。該屬性的取值范圍為0到1,0表示完全透明,1表示完全不透明。
2. 使用rgba函數
.rgba{ background-color: rgba(0,0,0,0.5); /* 設置背景色為黑色,透明度為50% */ }
使用rgba函數可以實現對元素的背景顏色透明度控制。該函數包含四個參數,前三個參數表示顏色的rgb值,第四個參數表示透明度,取值范圍為0到1,0表示完全透明,1表示完全不透明。