《网站性能优化之CSS无图片技术》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
在不使用CSSImage（通过CSS的引入的背景图片，不包括img标签内的图片）情况下生成类似图片效果的技术；换句话的意思就是在使用纯CSS生成类似图片效果的技术...
从上面的代码可以看出，在CSS文件中总共不到200个字符，如果我们按照1字符等于1B的来计算的话，200个字符大概等于0.2KB，比直接用图片做节约了4/5的下载资源，明显减少请求资源的大小...
2）用border生成的小方块，效果如下：...
3）用border生成的小三角，效果如下：...
4）用border生成的尖三角，效果如下：...
5）用border生成的斜三角，效果如下：...
总之，CSS无图片技术，是我们在写CSS样式中需要形成的一种理念，我不必死磕无图片技术，要在实际的项目权衡利弊，根据实际情况，灵活运用无图片技术做一些合理有效的性能优化...
......
本文由站长之家用户“微博UDC”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。
（举报）
