CSS下三角指的是在頁面設計中需要制作一個三角形，在網頁中通常用于指示性圖標或者蒙層等效果，下面我們來簡單介紹一下如何使用CSS繪制下三角形。

首先需要了解的是下三角原理：

.triangle {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #ccc;
}

以上代碼就是一個典型的CSS下三角。其中，我們將元素的寬度和高度都設置為0，然后用border來控制邊框。下面對各個屬性進行一一解釋：

width: 0;
height: 0;

將寬度和高度都設置為0，目的是不讓元素占據任何空間。

border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #ccc;

這里，我們用border來制作下三角形狀。border-left和border-right設置為空，使左右邊框為透明，border-top的寬度為8px，顏色為#ccc，表示三角形的頂部邊框。

需要指出的是，如果要制作不同顏色的下三角，只需修改border-top的顏色值即可。

最后，將這個類名應用到我們需要制作下三角的元素上，即可得到完美的下三角。

<div class="triangle"></div>

以上就是CSS制作下三角的全部步驟，相信大家看完本文之后，可以輕松應用到自己的網頁設計中。