2
我正在尝试使用SVG创建this nav。我被提供了一个SVG,但它没有解决,所以有人帮助我做出了另一个。但是现在我不确定如何创建使用使用svg创建全宽导航
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xl="http://www.w3.org/1999/xlink" version="1.1"
width="576" height="152" viewbox="0 0 576 152">
<path transform="translate(10,-185)" d="M 0 189.5 L 39.741071 261.25 L 0 333.125 L 516.63393 332 L 556.375 260 L 516.63393 188 L 0 189.5 Z" stroke="black" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="10" fill="transparent" />
</svg>
我目前的资产净值资产净值看起来像
<nav>
<ul>
<li class="completed"><a href="#">Exam</a> <i class="fa fa-check-circle"></i></li>
<li><a href="#">Personal <i class="fa fa-times-circle"></i></a></li>
<li><a href="#">Employment</a></li>
<li><a href="#">Appointment</a></li>
<li><a href="#">Record Check</a></li>
<li><a href="#">Submit</a></li>
</ul>
</nav>
只需一个白色背景。所以它看起来接近于图像看起来像减去SVG形状。
就是这样。非常感谢! – ryandonohue