CSS 是前端開發(fā)中的基礎(chǔ)技能之一，有時(shí)我們需要使用半透明的矩形框來實(shí)現(xiàn)某些效果。下面我們將講解如何使用 CSS 畫半透明的矩形框。

/* HTML 代碼 */
半透明的矩形框
/* CSS 代碼 */
.box {
width: 200px;
height: 100px;
background-color: rgba(255, 255, 255, 0.5);
/* rgba() 中的第四個(gè)參數(shù)代表透明度，取值范圍為 0 - 1，越小越透明 */
border: 1px solid #000;
}

以上代碼中，我們使用了 CSS 中的 rgba() 函數(shù)，它可以讓我們?cè)O(shè)置背景顏色時(shí)加上透明度。其中，前三個(gè)參數(shù)分別代表 RGB 顏色值，第四個(gè)參數(shù)為透明度，取值范圍為 0 - 1，越小越透明。

此外，我們還為框添加了一個(gè) 1px 的邊框，使得矩形框更加清晰可辨。

以上就是使用 CSS 畫半透明的矩形框的方法，希望對(duì)大家有所幫助。