css怎麼設定邊框的透明度
- 青灯夜游原創
- 2021-04-29 11:31:2916501瀏覽
css中可透過border-color屬性和RGBA()函數設定邊框透明度，只需為邊框元素添加「border-color: rgba(紅,綠,藍,透明度值)」樣式即可。 border-color可設定邊框顏色，而RGBA()可設定顏色透明度。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css設定邊框的透明度
在css中，可透過border-color屬性和RGBA()函數設定邊框透明度。
程式碼範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border:10px solid;
margin: 10px 0;
}
</style>
</head>
<body>
<div style="border-color: rgba(0,153,0,0.1);">测试文本，透明度0.1</div>
<div style="border-color: rgba(0,153,0,0.5);">测试文本，透明度0.5</div>
<div style="border-color: rgba(0,153,0,0.8);">测试文本，透明度0.8</div>
<div style="border-color: rgba(0,153,0,1.0);">测试文本，透明度1.0</div>
</body>
</html>效果圖：
#說明：
border-color屬性可以設定邊框顏色，而RGBA()函數可以設定顏色透明度。
RGBA 的意思是（Red-Green-Blue-Alpha）它是在 RGB 上擴展包括了 “alpha” 通道，運行對顏色值設定透明度。
語法：
rgba（R,G,B,A）;
rgba() 裡的值的介紹：
R：紅色值。正整數 （0~255）
#G：綠色值。正整數 （0~255）
B：藍色值。正整數（0~255）
A：透明度。取值0~1之間
（學習影片分享：css影片教學）
以上是css怎麼設定邊框的透明度的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn