CSS是一種用于樣式設計和排版的語言。在CSS中，我們可以使用一些技巧來實現一些獨特的效果，比如創建一個長方形里面有三角形的效果。下面來介紹一下如何通過CSS代碼來實現這種效果。

//HTML 代碼：
<div class="box"></div>
//CSS 代碼：
.box {
position: relative;  //設置為相對定位
width: 100px;
height: 60px;
background-color: darkgray;
}
.box::before {
content: '';
position: absolute;  //設置為絕對定位
left: 0;
top: 0;
width: 0;
height: 0;
border: 20px solid transparent;  //設置邊框為20px，顏色為透明
border-right: 20px solid darkgray;  //設置右邊框為20px，顏色為灰色
border-bottom: none;  //去掉底邊框
}

上面的代碼中，我們首先創建一個 div 容器，并給它設置好樣式。接著，在這個 div 中通過 ::before 偽元素來創建一個三角形。

偽元素的 content 屬性為空，以表示這是一個空的元素。接著，通過 position 屬性將偽元素設置為絕對定位，以使其相對于容器定位。left 和 top 屬性則控制了偽元素的位置，用于定位三角形。

接下來，我們通過設置邊框的大小、顏色和樣式，來定義三角形的形狀。其中，左、上和右邊框是透明的，而底邊框是灰色的，這樣就形成了一個看起來像是被削角了的三角形了。

通過以上代碼，我們就可以實現一個長方形中有三角形的效果。這種效果可以應用于很多設計場景中，比如在導航欄中使用削角的小三角指示當前選中的菜單項。