在做网站开发时，经常会为站点添加一些小图标。这些小图标，一般都是通过图片来完成。
比如在做一个提示框或者下拉框时，通常都会显示一个三角形的小图标，来做一个指示作用。
以前的做法都是用一个三角形的图片，现在我们不希望再用图片来处理，因为如果三角形要修改大小，颜色时，用图片的话还需要重新设计过。
下面一起看下怎样不用图片来做一个三角形图标
首先我们可以用CSS来实现，这个在之前有介绍过，请参考下面的链接，
1无需图片纯CSS三角形，大小，颜色可变
这次介绍另一种方法，用HTML实体来完成。
看下HTML代码，很简单，就是一个div：
▼
其中▼就是HTML实体里的三角形符号，
运行结果如图，可以得到一个标准的三角形图标，
这个实体，其实相当于一个字符串，所以，我们可以添加字体大小，颜色等来定义这个三角形的大小和颜色，CSS代码如图:
如图的运行结果。
和用CSS Border生成的三角形一样，我们可以很方便的更改这个三角形的大小和颜色。
通过为这个实体字符串添加text-shadow样式，我们还可以为三角形添加投影效果
当然，各个方向的三角形都是可以实现的，分别由不同的实体来完成。
上三角形实体： ▲
右三角形实体：►
下三角形实体： ▼
左三角形实体： ◄，
如图
