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