CSS 設定邊框透明度

admin發表於2018-10-31
CSS

本文分享一段程式碼例項，實現了設定邊框透明度效果。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title> 
<style type="text/css"> 
div{
  width:100px;
  height:60px;
  border:10px solid rgba(255,0,0,0.2);
}
</style>  
</head> 
<body> 
<div></div>
</body> 
</html>

程式碼執行效果截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/201810/31/001956esdvg6yhjhbbpv67.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼將矩形的邊框設定具有透明度效果。

非常簡單，將border屬性的顏色設定為RGBA方式即可。

更多關於顏色值內容參閱CSS 顏色值型別一章節。

相關文章