javascript - How to change nav-link's colors -
i have little problem nav tags here :
i creating nav header menu , change link color , space them little bit users can see them.
.header-nav { margin-bottom: 11px; margin-left: auto; margin-right: auto; width: 100%; text-align: center; margin-top: 11px; border-top: 1px solid #cccccc; padding-top: 11px; } <div class="header-nav"> <nav> <a href="#">nav_a</a> <a href="#">nav_b</a> <a href="#">nav_c</a> <a href="#">nav_d</a> </nav> </div> jsfiddle here ==> https://jsfiddle.net/9oxohpcy/4/
thanks helping out
apply styling child element, ie., <a> .
.header-nav { margin-bottom: 11px; margin-left: auto; margin-right: auto; width: 100%; text-align: center; margin-top: 11px; border-top: 1px solid #cccccc; padding-top: 11px; } .link{ text-decoration: none; margin: 0 10px; color: blue; } <div class="header-nav"> <nav> <a class="link" href="#">nav_a</a> <a class="link" href="#">nav_b</a> <a class="link" href="#">nav_c</a> <a class="link" href="#">nav_d</a> </nav> </div>
Comments
Post a Comment