css - CSS倾斜的侧边栏布局 | 倾斜的侧边栏布局

是否可以使用CSS来实现这种倾斜的侧边栏布局？右侧将是主要内容，我认为倾斜的侧边栏布局可以重叠其他内容。谢谢阅读！

最佳答案

尝试这样的事情。

#shape {
    border-top: 100px solid green;
    border-right: 20px solid transparent;
    height: 0;
    width: 100px;
}