我想在链接后面放置一个背景渐变顶栏,但我无法弄清楚样式。顶栏周围有空白区域,尽管填充为0px,并且链接不是白色。顶级酒吧的SCSS
这应该是很简单的,但显然不是这样的造型新手跟我一样 :-( 谢谢!
<main class="col-md-9 float-left col px-5 pl-md-2 pt-2 main">
<div class="topbar">
<a href="#" data-target="#sidebar" data-toggle="collapse">
<i class="fa fa-navicon fa-2x py-2 p-1"></i>
</a>
</div>
<router-outlet></router-outlet>
</main>
.topbar {
background: linear-gradient(#004812, #0B7225, #3A9250);
padding : 0px;
&::a {
color:white
}
}
你能提供一个例子在fiddler或plnkr吗? – Naresh217
创建plunker http://plnkr.co/edit/skIsC23kzsU5EvXUkrw9虽然没有造型在那里工作。至少在本地,我有一些问题最初提到的问题。感谢您的回应! @ Naresh217 – Anand