梯形是用CSS难以生成的形状，使用伪元素可行，但不灵活。Sooooooooo,我们可以使用CSS中的3D旋转（由于透视的关系，我们最终看到的二维...

现在流行把元素的一个或多个角切成45°的缺口（也称作斜面切角）。CSS渐变方案利用渐变可以接受一个角度（比如45deg）作为方向，而且色标的位置...

在网页中呈现菱形效果有两种方法基于变形的方案使用div将图片包裹起来，然后对其应用相反的rotate（）变形样式 max-width：100%这...

伪元素方案将所有样式（背景、边框等）应用到伪元素上，然后再对伪元素进行变形。如果希望伪元素保持良好的灵活性，可以自动继承其宿主元素的尺寸，甚至当...

自适应的椭圆我们希望使用border-radius来达到这样一个效果：如果元素宽高相等则显示为圆；否则，显示为椭圆。说到border-radiu...

想用图像作为一个元素的边框，并且图片会随着元素尺寸的扩大而自动延伸并覆盖完整的边框区域。首先想到的是用两个元素来实现： 但如果用一个元素可以实现...

难题需要一个容器只在内侧有圆角，但边框或描边的四个角在外部仍保持直角的形状。 使用两个元素： 使用一个元素：