區塊有背景色、並要設定四邊折角樣式

【可套用範圍】

有背景設定的元件皆可以套用

【CSS語法】

background: #000000; /* 背景先設為黑色 */
background:
linear-gradient(135deg, transparent 15px, #000000 0) top left, 
linear-gradient(-135deg, transparent 15px, #000000 0) top right,
linear-gradient(-45deg, transparent 15px, #000000 0) bottom right,
linear-gradient(45deg, transparent 15px, #000000 0) bottom left; /* 四個角出現斜角 */
background-size: 50% 50%;
background-repeat: no-repeat; 

【說明】

我因為要讓角可以配合底色，所以設定為透明 transparent
transparent 也可以修改為需要的顏色

【示意圖】