如何调整div的底部边框？包含照片

Question

我有一个我想在我的网站上实现的设计，但我觉得我的实现方法非常原始，并且不允许照片背景。 目标是将响应div（100％宽度）显示的底部显示为干净的切割角度，如下图所示。

我希望能够将图像设置为背景，因此请记住您提供的可能解决方案。 JS小提琴将不胜感激。

谢谢你的帮助！

Answer 1

你在寻找＆＃39;对于CSS变换，特别是旋转。将其与一些巧妙的position＆＃39; d div相结合，您将会感到高兴。见http://www.w3schools.com/css/css3_2dtransforms.asp

对于照片背景，您始终可以设置background-image

的div