如何在 CSS 中創建斜線

Question

是否可以使用 css 和/或 bootstrap 4 生成這樣的圖像？

Answer 1

您可以使用此處所示的重復線性背景： https://css-tricks.com/stripes-css/

例如，具有與 css 中的.layer-bg class 相同的 colors 的類似模式：

 html, body { height: 100%; width: 100%; background: #cecece; }.full-size { height: 100%; width: 100%; }.layer-bg { background: repeating-linear-gradient( 100deg, #000 0, rgba(229, 206, 182, 1) 1px, rgba(229, 206, 182, 1) 5px, #000 6px, #000 18px); }

 <div class="full-size layer-bg"> </div>