html - 如何使用CSS创建横向div？

Question

我想使用 css 创建横向 div。 我想要创建如下图所示的样子。 following image

Answer 1

您可以使用:

transform: skew();

在你的 CSS 中。

工作示例:

body {
margin: 0;
}

.intro {
position: relative;
width: 65vw;
height: 100vh;
left: -15vw;
background-color: rgb(47, 47, 47);
transform: skew(-10deg);
}

<div class="intro">
</div>