CSS实现纯文本图形的绘制
作者：徐嵩松
来源：《电脑知识与技术》2016年第20期
        摘要：一般而言，图形图像只能通过专业软件完成制作，并且生成的是.jpg、.gif等图片格式，而通过CSS则可以直接绘制常见的图形，并且这些图形是纯文本的，它可以显著提高网页的加载速度。
        关键词：CSS；图形图像；网页
        中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2016）20-0198-03
        在网站内容的组成中，各类图形图像使内容变得丰富多彩，这些图像可以非常方便地通过专业制作软件完成制作，如PS、CorelDRAW等，但这些图像只能以图片格式加入到网页中。对用户来说，大量运用的图片可能会影响网页加载的速度；对设计者来说，图形图像的修改也变得十分不便。
        随着网页技术的发展，如今利用DIV+CSS完成网页的设计比较流行，而使用CSS（层叠
式样式表）本身就可以完成许多复杂的图形绘制，如圆形、蛋形和心形图案等。最重要的是，利用CSS绘制的图形是纯文本的，它在显示速度和修改便利性方面具有无可比拟的优势。
        1 用div与css实现网页布局代码三角形
        1.1 上三角
        最常见的三角形，即尖端朝上。效果如图1所示。
        CSS还可以完成其他更加复杂的图形制作，但是需要注意的是必须考虑不同浏览器之间的兼容性问题。本文所有样式代码均只在IE9.0中调试完成。
        参考文献：
        [1] 王大远.DIV+CSS3.0网页布局案例精粹[M].电子工业出版社，2011：2.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。