css - 如何创建这样的三角形？

Question

您好，我想知道如何在此模板的页脚顶部创建这些小三角形：http: //demo.themezilla.com/classica/portfolio/redwood-publishing/。我在源代码中查看了 CSS，我发现了这个：

border-top: 1px solid # e0e0e0 

但它不起作用。

Answer 1

那是图！！！

你忘了看到这个：

#footer-container {
  background: url(images/bg-foot.gif) left top repeat-x #f5f5f5;
  margin: 80px 0 0 0;
}

只是说，如果你想得到它，你需要这个 CSS：

.footer {
  background: url("http://turbo.themezilla.com/classica/wp-content/themes/classica/images/bg-foot.gif") left top repeat-x #f5f5f5;
}

但未经他们许可，请勿对图片进行热链接。图像看起来是这样的：

小提琴：http: //jsfiddle.net/praveenscience/F5RVR/