HTML5的一個很實用的功能是創建一個下拉箭頭。通過使用CSS和一些基本的HTML5代碼，可以很容易地創建出一個下拉箭頭，并使其在用戶點擊時顯示出來。

<select>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>

上面的代碼是一個基本的HTML5下拉列表，但它缺少下拉箭頭。在CSS中，使用偽類選擇器可以輕松地為這個下拉列表添加箭頭。下面是CSS代碼。

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('dropdown.png') no-repeat;
background-position: right center;
background-size: 24px 24px;
padding-right: 30px;
}

上面的代碼中，我們設置了一些CSS屬性來創建下拉箭頭。前三個屬性用于刪除默認外觀，使得下拉列表看起來更好。接下來，我們使用background屬性為下拉列表添加下拉箭頭的圖像。然后，我們通過background-position屬性來設置箭頭在列表中的位置，并且使用padding-right屬性來確保箭頭不會與文本重疊。

使用這些HTML5和CSS代碼，您可以輕松地為您的網站添加漂亮的下拉箭頭，并使得用戶界面變得更加美觀和易于使用。