html - 倾斜的侧边栏布局

标签 html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 8 年前

是否可以使用 CSS 实现这种倾斜的右侧边栏布局?左侧将是主要内容,我认为倾斜的侧边栏布局可能会与额外内容重叠。

我以前问过这个问题,但我认为固定像素高度的边框无法实现布局。还有别的办法吗?更灵活的东西?

slanted layout

最佳答案

您可以使用带有色标的对 Angular 线线性渐变背景来获得这种效果,例如线性渐变(到右下角,#1e5799,#1e5799 50%,#207cca 50%,#207cca);Here's an example.

关于html - 倾斜的侧边栏布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24926925/

上一篇:css - 在 Bootstrap 中显示容器外的内容

下一篇:css - GWT : Set tree widget width

相关文章:

css - 如何在不缩放边框宽度的情况下缩放(变换)div的宽度和高度?

css - 左右滑动宽度超过

javascript - 位置 : -webkit-sticky not working on safari

html - 创建跨浏览器的固定高度可滚动显示 : table-row

javascript - 如何获取点击元素的索引?

javascript - 如何为网页的部分而不是整个页面添加 Facebook 点赞/分享按钮?

javascript - 如何 : make text move on 3d circular surface in css3?

css - 苹果操作系统 X : Scrollbar is sometimes white-transparent and sometimes black-transparent

html - 如何适应 box-shadow <li> 元素

javascript - 使用 document.getElementById 时如何删除和替换 div 中的内容