我想要实现的目标位于此处：http://www.ppp-templates.de/tilability/。。你可以看到滑块附近的左右三角形，箭头应该在那里…
现在我在这里设置了div，背景是白色http://teothemes.com/wp/.在那个网站上使用了背景图像，但我想通过CSS 来完成
对于页脚三角形，这里有一些相关的内容：在带有白色bg图像的div上制作一个具有透明背景的CSS三角形？
我试着做同样的事情，但没有成功。。
非常感谢您的帮助。
您可以做的第一件事是创建两个背景与网站背景相同的正方形，然后使用带有供应商前缀的transform: rotate(45deg)将它们旋转为45deg。然后只需将内容div的overflow设置为hidden。
我刚刚创建了这样的东西：http://cssdeck.com/labs/hggee4eg
在这里解释这个过程被证明是相当困难的，所以我创建了一个fiddle，它完成了实现这一目标所需的每个步骤，每个步骤都有一个小图例。
小提琴在这儿http://jsfiddle.net/NXmge/3/
编辑-我误解了这个问题。以下是实际问题的解决方法：http://jsfiddle.net/joplomacedo/UJyAY/
前一把小提琴仍然很有用，因为它有助于理解我在第二把小提琴上做了什么。我也会尽快更新我的答案，也可以直接包括我所做的一般解释。
根据您希望实现的跨浏览器兼容性，有几个不同的CSS3类型选项可以将元素旋转45度。
然而，您链接到的示例只使用了一个大的背景图像和已经就位的图形：除了将其设置为容器背景之外，CSS根本无法实现。