css - 我如何着手制作具有间距和渐变的背景导航？我希望最终产品看起来像这样 :

Question

我应该如何在 CSS 中制作以下内容:鉴于我对编码比较陌生，我不确定从哪里开始背景导航，因为所有列表元素的边框不仅限于红线见下文。

此外，关于如何在两者之间添加刻度间距的任何建议也将非常有帮助。

Answer 1

你可以试试这个:

HTML:

<div id="box"></div>

CSS:

#box {
  height: 50px;
  width: 200px;
  background: linear-gradient(to right, white, #a30 50px)  
}

您可以更改上面的“50px”来控制渐变停止的位置。

learn more