嘗試設置不透明度爲1px的線

Question

我努力做到以下幾點：

border-bottom: 1px solid #00b4f5; 

當我添加opacity: .8;到1px的線，它適用於整個#name{}爲好。

我只喜歡1px行應用不透明度。

Answer 1

如果設置了opacity它會影響整個元素，而使用rgba()將適用於你將其設置爲特定的屬性。

在rgb，#00b4f5等於rgb(0, 180, 245)，所以用opacity: .8你的代碼將是：

.element { 
    border-bottom: 1px solid rgba(0, 180, 245, .8); 
} 

---

注：Here是一個不錯的網站使用讓你的hex2rgb傳達rsions在未來。

Answer 2

使用rgba(255,0,0,0.8)當顏色你的邊界

div { 
    border-bottom: 1px solid rgba(255,0,0,0.8); 
    background-clip: padding-box;    /* add if the element have a background */ 
}