倾斜的侧边栏布局

Question

是否可以使用CSS进行这种倾斜的右侧边栏布局？左侧将是主要内容，我认为倾斜的侧边栏布局可能与额外的重叠。

之前我曾问过这个问题，但是不要认为固定的像素高度边框可以实现布局。还有其他方法吗？更灵活的东西？

Answer 1

您可以使用具有色标的对角线性渐变背景来获得该效果，例如linear-gradient(to bottom right, #1e5799, #1e5799 50%, #207cca 50%, #207cca);。 Here's an example.