徐嵩松

摘要：一般而言，图形图像只能通过专业软件完成制作，并且生成的是.jpg、.gif等图片格式，而通过CSS则可以直接绘制常见的图形，并且这些图形是纯文本的，它可以显著提高网页的加载速度。

关键词：CSS；图形图像；网页

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2016）20-0198-03

在网站内容的组成中，各类图形图像使内容变得丰富多彩，这些图像可以非常方便地通过专业制作软件完成制作，如PS、CorelDRAW等，但这些图像只能以图片格式加入到网页中。对用户来说，大量运用的图片可能会影响网页加载的速度；对设计者来说，图形图像的修改也变得十分不便。

随着网页技术的发展，如今利用DIV+CSS完成网页的设计比较流行，而使用CSS（层叠式样式表）本身就可以完成许多复杂的图形绘制，如圆形、蛋形和心形图案等。最重要的是，利用CSS绘制的图形是纯文本的，它在显示速度和修改便利性方面具有无可比拟的优势。

1 三角形

1.1 上三角

最常见的三角形，即尖端朝上。效果如图1所示。

CSS还可以完成其他更加复杂的图形制作，但是需要注意的是必须考虑不同浏览器之间的兼容性问题。本文所有样式代码均只在IE9.0中调试完成。

参考文献：

[1] 王大远.DIV+CSS3.0网页布局案例精粹[M].电子工业出版社，2011：2.