css - 如何添加像图像一样的边框底部？

Question

我只想知道如何像这样在我的容器底部添加边框:

http://awesomescreenshot.com/0a551tq923

假设那里的边框是白色的，容器在上面。

我知道它需要一些小的 CSS，但无法弄清楚。

谢谢。

Answer 1

我创建了一个 JSFiddle展示你可以做什么的例子。全部使用 CSS。

使用我提供的基本示例，我可以看到实现此目的的多种方法。

用于底部倾斜的 css:

#bottom {
    width: 0;
    height: 0;
    border-top: 20px solid black;
    border-left: 500px solid transparent;
}

编辑:

这是另一个 example .更接近网站。

还有 website正在使用视差。所以它会与我拼凑的略有不同。