如何在html中为行生成斜线

---

我想知道如何添加以HTML和css开头和结尾的倾斜行。

您要查找的元素称为slopy元素。这里有一个很好的片段

.se容器{
显示：块；
宽度：100%；
溢出：隐藏；
填充顶部：150px；
}
.se斜坡{
利润率：0-50px；
-webkit变换原点：左中心；
-moz变换原点：左中心；
-o变换原点：左中心；
-ms变换原点：左中心；
变换原点：左中心；
}
.se斜率：第n个孩子（奇数）{
背景：#000；
-webkit变换：旋转（5度）；
-moz变换：旋转（5度）；
-o变换：旋转（5度）；
-ms变换：旋转（5度）；
变换：旋转（5度）；
利润上限：-200px；
盒影：0px-1px3pxRGBA（0,0,0,0.4）；
}
.se斜率：第n个孩子（偶数）{
背景：#e90089；
-webkit变换：旋转（-5度）；
-moz变换：旋转（-5度）；
-o变换：旋转（-5度）；
-ms变换：旋转（-5度）；
变换：旋转（-5度）；
盒影：0px 2px 3px rgba（0,0,0,0.4）插页；
}
.硒含量{
保证金：0自动；
}
.硒含量h3{
字体大小：60px；
位置：相对位置；
显示：内联块；
填充：10px 30px 8px 30px；
高度：80px；
背景：#000；
线高：80px；
边缘底部：20px；
字体系列：“苦”，“投石机MS”，Arial；
文本阴影：1px1px1pRGBA（0,0,0,0.9）；
}
.se含量h3：之前{
内容：''；
宽度：0；
身高：0；
边框顶部：38px实心透明；
边框底部：60px实心透明；
右边框：60px纯黑；
位置：绝对位置；
左：-59px；
顶部：0px；
}
.se含量h3：之后{
内容：''；
宽度：0；
身高：0；
边框顶部：38px实心透明；
边框底部：60px实心透明；
左边框：60px纯黑；
位置：绝对位置；
右：-59px；
顶部：0px；
}
.se斜率：第n个孩子（奇数）。se含量h3：之前，
.se斜率：第n个孩子（奇数）。se含量h3：之后{
右边框颜色：#e90089；
左边框颜色：#e90089；
}
.硒含量{
宽度：75%；
最大宽度：500px；
保证金：0自动；
字体：斜体；
字号：18px；
线高：24px；
填充顶部：10px；
}
.se内容p：第一个字母{
字体大小：40px；
字体系列：“Adobe Garamond Pro”，Garamond，Palatino，“Palatino Linotype”，Times，“Times New Roman”，佐治亚州，衬线；
}
.se斜率：第n子级（奇数）.se含量{
-webkit变换：旋转（-5度）；
-moz变换：旋转（-5度）；
-o变换：旋转（-5度）；
-ms变换：旋转（-5度）；
变换：旋转（-5度）；
颜色：#e90089；
填充：130px 100px 250px 100px；
}
.se斜率：第n个子级（偶数）.se含量{
-webkit变换：旋转（5度）；
-moz变换：旋转（5度）；
-o变换：旋转（5度）；
-ms变换：旋转（5度）；
变换：旋转（5度）；
颜色：#000；
填充：150px 100px 250px 100px；
}
.se斜率：第n子级（奇数）。se含量h3{
背景：#e90089；
颜色：#000；
}
.se斜率：第n个孩子（偶数）。se含量h3{
背景：#000；
颜色：#e90089；
}
/*媒体查询*/
@媒体屏幕和屏幕（最大宽度：1010px）{
.硒含量h3{
字体大小：40px；
}
}
@媒体屏幕和屏幕（最大宽度：767px）{
.硒含量h3{
字体大小：20px；
}
}
@媒体屏幕和屏幕（最大宽度：400px）{
.硒含量h3{
字体大小：20px；
线高：20px；
填充顶部：30px；
高度：60px；
}
.硒含量{
宽度：95%；
}
.se斜率：第n个子元素（奇数）.se含量，
.se斜率：第n个子级（偶数）.se含量{
左侧填充：60px；
右边填充：60px；
}
}

第一节
哈哈哈哈哈哈

第二节
哈哈哈哈哈哈

第三节
哈哈哈哈哈哈

第二节
哈哈哈哈哈哈

至少，您应该自己尝试编写代码。之后，如果你有问题，你可以张贴你已经尝试了一个明确的解释什么是不工作，并提供一个解决方案。我建议你读一个好的问题和答案。另外，一定要带上笔记本并阅读。