css - Issue on Adding Down Triangle to the Top Border -
I
Trying to add the triangle to the top of the active square! Here] [2]
I am using this CSS rules:
.xxx a {border-top: 3px solid # E1483F; } .xxx. Active & gt; A: After {border-top: 12px solid # E1483F; }
But as you can see that I can not find the triangle plus. Item (CSS) is taking the previous position down. Can you please decide how I can ?
Thanks
You can get it like this:
JSFiddle -
.navbar-nav> Lee (Status: Relative; Text align: center; }. Active: {Before content: ""; Status: Completed; Left: 50%; Conversion: Translator X (-50%); Z-index: 999; Width: 0 pixels; Height: 0 pixels; Border-style: solid; Border width: 12px 12px 0 12px; Border color: # E1483F Transparent transparent transparent; }
Comments
Post a Comment