Versuch Linie Opazität für 1px einstellen

Question

ich folgendes zu tun versuche:

border-bottom: 1px solid #00b4f5; 

Als ich opacity: .8; zum 1px Zeile hinzufügen, um es zu der gesamten #name{} auch gilt.

Ich möchte nur die 1px Zeile die Opazität angewendet haben.

Answer 1

Wenn Sie setzen die opacity es wird das gesamte Element beeinflussen, während mit rgba() auf die spezifische Eigenschaft gelten Sie es einrichten.

In rgb, #00b4f5 gleich zu rgb(0, 180, 245), so mit opacity: .8 Code sein:

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

---

Hinweis:Here ist eine schöne Website zu nutzen Machen Sie Ihre hex2rgb conve in der Zukunft.

Answer 2

Verwenden rgba(255,0,0,0.8) wenn Farbe Ihre Grenze

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