向下三角是一種常見的CSS樣式，用于創建下拉菜單或彈出窗口中的下拉選項。下面是一個使用CSS編寫向下三角的示例：

HTML代碼：

<div class="而下三角">

<div class="選項1"></div>

<div class="選項2"></div>

<div class="選項3"></div>

</div>

CSS代碼：

.而下三角 {

position: relative;

width: 20px;

height: 30px;

.而下三角：before,

.而下三角：after {

content: "";

position: absolute;

top: 0;

left: 18px;

width: 20px;

height: 30px;

.而下三角：before {

border-left: 18px solid transparent;

.而下三角：after {

border-left: 18px solid green;

.選項1 {

background-color: red;

.選項2 {

background-color: blue;

.選項3 {

background-color: yellow;

上述代碼將創建一個寬度為20像素、高度為30像素的向下三角，其內容由三個元素組成，每個元素都是一個下拉選項。CSS使用絕對定位來創建這個向下三角，并使用`:before`和`:after`偽元素來模擬選項的內容和邊框。最后，使用不同的顏色來定義每個選項的背景色。

使用這種方法，可以很容易地創建各種樣式的向下三角，例如根據元素的寬高、顏色或其他屬性進行調整。還可以與其他CSS樣式結合使用，例如使用漸變或陰影來創建更復雜的菜單。