CSS3是現代網頁設計領域中不可或缺的一部分，它能夠賦予網頁中的HTML元素各種炫酷的效果。其中，CSS3 div斜角是一種能夠讓頁面更具有立體感的效果。

div {
position: relative;
width: 200px;
height: 200px;
background-color: #008080;
}
div::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 50%;
bottom: 0;
background-color: inherit;
transform-origin: right bottom;
transform: skew(-45deg);
}
div::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
left: 50%;
bottom: 0;
background-color: inherit;
transform-origin: left bottom;;
transform: skew(45deg);
}

上面的代碼是實現CSS3 div斜角效果的核心代碼。在HTML中，需要先定義一個div元素，并設置其寬高和背景顏色。接著，在CSS中通過偽元素“::before”和“::after”來分別定義兩條斜角線段。

在偽元素 "::before" 中，通過設置 "right:50%"，讓其占用div的一半寬度，接著設置元素的transform-origin，指定其旋轉變形的起點，再使用transform: skew(-45deg)來讓其傾斜。

在偽元素 "::after" 中，同樣設置了right和left屬性來填充div剩余的一半，然后也使用transform-origin和transform來進行旋轉傾斜變形，并最終呈現出CSS3 div斜角的效果。