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

Popular posts from this blog

c# - SignalR: "Protocol error: Unknown transport." when navigating to hub -

class - Kivy: how to instantiate a dynamic classes in python -

python - mayavi mapping a discrete colorbar on a surface -