Trying to set opacity for 1px line

I am trying to do the following:

border-bottom: 1px solid #00b4f5;

when I add opacity: .8; to the

1px line it applies it to the entire #name{} also.

I would like just the 1px line to have the opacity applied.

Any help would be awesome!

thank you :)


If you set opacity it will affect the entire element. Instead, try setting:

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

Use rgba(255,0,0,0.8) when color your border

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

Category: css Time: 2016-07-30 Views: 0
Tags: css html5

Related post

iOS development

Android development

Python development

JAVA development

Development language

PHP development

Ruby development


Front-end development


development tools

Open Platform

Javascript development

.NET development

cloud computing


Copyright (C), All Rights Reserved.

processed in 0.158 (s). 12 q(s)