用Html實體制作三角形圖標

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

操作方法

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

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

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

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

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

（06）刷新頁面，就會看到二個方向的三角形圖標了，

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

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

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