twitter-bootstrap - 如何在 CSS 3 中的特定位置创建曲线？

Question

我的网站顶部有一个带有我的 Logo 的导航栏。如何在 Logo 下方创建曲线？

我希望这条线是连续的，并且只面对 Logo 下方的一条小曲线。可能吗？

Answer 1

你可以用 CSS 做到这一点:

`.rounded_underline{
    width: 100px;
    height: 70px;
    border-bottom: 2px solid red;
    border-radius: 50%;
}`

或者您可以添加一个 HTML SVG 标签:

<svg>
    <circle  stroke-width="3" stroke= "blue" fill = "none" cx="50%" cy="-80" r="130"  />
</svg>