用Html實體制作三角形圖示

之前寫過用css來製作三角形圖示。這次寫的是用Html實體來製作三角形圖示，也是無需圖片，可以很方便的更改三角形圖示的大小和顏色。
下面一起看下是怎麼製作的。

操作方法

（01）首先看下我們的html程式碼，如圖，例子程式碼很簡單，就是一個div，div裡的內容是html實體符號：&#9650，這個符號最終顯示的是一個三角形。

（02）頁面執行結果，如圖，一個標準的三角形圖示，

（03）我們為這個三角形圖示，新增一些樣式，改變三角形圖示的大小和顏色。樣式也程式碼很簡單，就是加上字型大小，字型顏色的樣式程式碼，如圖

（04）重新整理頁面，顯示效果如圖，已經是一個很漂亮的三角形圖示了。

（05）只能是一個向上的三角形圖示嗎？不是的，可以有其他方向的三角形，我們在html裡再加一個向右的三角形，html程式碼如圖，

（06）重新整理頁面，就會看到二個方向的三角形圖示了，

（07）同理，我們再加上其他二個方向的三角形圖示，程式碼如圖，（這裡不同的方向圖示，其實是由不同的html實體符號來實現的，符號：&#9650 代表的是向上的三角形，符號：&#9658 代表的是向右的三角形，符號：&#9660 代表的是向下的三角形，符號：&#9668 代表的是向左的三角形，

（08）讓三角形圖示顯示不一樣的大小，不一樣的顏色，樣式程式碼如圖

（09）最終效果如圖，四個方向的三角形圖示，可以定義顏色，大小。