Html 应用于段落的倾斜属性

我使用的是skew，但转换也适用于skewed框中的所有内容，正如您在我的笔中看到的那样。这段文字看起来是斜体的。

.services{
显示器：flex；
溢出：隐藏；
}
.左{
背景色：黑色；
高度：250px；
宽度：60%；
左边距：-50px；
}
.对{
背景颜色：绿色；
宽度：50%；
右边距：-500px
}
.歪斜{
变换：倾斜（-15度）；
}
p{
颜色：白色；
}

Lorem ipsum dolor sit amet，奉献精英。这是一种令人振奋的精神，是一种令人振奋的精神，是一种值得赞美的精神。阿利奎姆·伊亚，托塔姆·努拉·马格尼

你倾斜了-15度。只需在

内部容器中添加15度，如下所示：

.skew .inner-container {
  transform: skew(15deg);
}

要“不识时务”，只有内在的内容


.services{
显示器：flex；
溢出：隐藏；
}
.左{
背景色：黑色；
高度：250px；
宽度：60%；
左边距：-50px；
}
.对{
背景颜色：绿色；
宽度：50%；
右边距：-500px
}
.歪斜{
变换：倾斜（-15度）；
}
.skew.内部容器{
变换：倾斜（15度）；
}
p{
颜色：白色；
}

Lorem ipsum dolor sit amet，奉献精英。这是一种令人振奋的精神，是一种令人振奋的精神，是一种值得赞美的精神。阿利奎姆·伊亚，托塔姆·努拉·马格尼

将
倾斜（15度）
添加到p标签


.services{
显示器：flex；
溢出：隐藏；
}
.左{
背景色：黑色；
高度：250px；
宽度：60%；
左边距：-50px；
}
.对{
背景颜色：绿色；
宽度：50%；
右边距：-500px
}
.歪斜{
变换：倾斜（-15度）；
}
p{
颜色：白色；
变换：倾斜（15度）；
}

Lorem ipsum dolor sit amet，奉献精英。这是一种令人振奋的精神，是一种令人振奋的精神，是一种值得赞美的精神。阿利奎姆·伊亚，托塔姆·努拉·马格尼

无需使用
skew
即可完成此操作。在父对象上使用
线性渐变。实际上我喜欢线性梯度的概念。但我看到如果我缩小窗口，段落就会溢出。那么，在这种情况下，我怎样才能始终将段落保存在黑色容器中呢。。我看到分隔盒子的那条线（中间的那条）看起来不是笔直的……而是参差不齐的。感谢你的回答和解释。谢谢，很高兴我能帮忙。希望你不介意看一下@Muhammad Usman 17的答案。中间的那条线（在黑盒子和绿盒子之间）看起来有点参差不齐。我使用了你发送的代码片段，但它也与我在其他答案的评论中添加的相同。斜线看起来有点参差不齐。我如何才能绕过它？