素材-小图标-icon大全PPT课件
PPT素材超市 (1)
Analyze Code
Security
Concurrent Manager
Marketing
Assembly Product A
Assembly Product B
Assembly Product C
Product Assembly
Assembled Product
Concept Art
Do not recolor, resize, distort, or flip the icons. Descriptive text below icon can accompany icon for clarity.
Buildings
Do not recolor, resize, distort, or flip the icons. Descriptive text below icon can accompany icon for clarity.
Manufacturing Plant
Manufacturing Plant
Software Addition
Software Upgrade
Save
Firewall Attachment
Computer Related Items
Do not recolor, resize, distort, or flip the icons. Descriptive text below icon can accompany icon for clarity.
Cube Diagrams
Do not recolor, resize, distort, or flip the icons. Descriptive text below icon can accompany icon for clarity.
LOGO模板素材
LOGO模板素材/logo/logomoban.asp/logo/1.htm====================================================网页制作大宝库！/====================================================鼠标指针网址：飞龙工作室：/down/mouse1.htm淄博信息港：/index.php3?z=pointer&c=qita=====================================================素材库一个专业的电脑电子书库：/经典桌面资源站：/xpbz01.htm国外的一个不错的壁纸网站：/html/classify.php?sort=1&page_now=2头像签名素材网站：/gif/aa.htm猫猫壁纸酷：/KeKe女孩素材：//动画======================================================== 素材词典推荐：/31ian素材站：/一个很不错的平面设计素材网站：======================================================== 国外的一些优秀图片网站http://ushikai.wakusei.ne.jp/graphic/g_about.htm/======================================================== 一个韩国象索图像网站大推荐！/work.html一个可以下载很多ICON的站点/icon/list.html/html/item.htm日本的素材象素图网站/http://www.blue-moon.jp/http://love.moon.ne.jp/http://heavenly.vis.ne.jp/index.htmlhttp://www.kiss.ac/~mew/1_sozai.htmhttp://web.agi.to/sozaihonpo//http://asagi.sakura.ne.jp/~baraya//sozai///http://noion.cool.ne.jp/photo/index.html/index.htmlhttp://members.jcom.home.ne.jp/norinori-hp/ http://www.pretty.ne.jp/~momokan/http://mo-mo.vis.ne.jp//Peko-world/http://members.jcom.home.ne.jp/superbeam/http://www2.plala.or.jp/shiidon//ColorfulLovers/ http://www.popkmart.ne.jp/hirominosiro//eng///sozai/http://www.blue-moon.jp/http://mawo.jp/srank/http://www.fuchu.or.jp/~tenshi/1kb/sozai_f.html1.jp/top.htm////~suzuya/atelier/work/work_main_4.htmhttp://pastel.oheya.jp/welcome/index.htm/cathy/clothy/Aclothy.html ///work/work_main_4.htm/index873.htm/index/other/pixel/pixel.htm ICON小孩/seelerei/index1.htm（日本的素材馆）http://ushikai.wakusei.ne.jp/painter/painter.htm http://www.ne.jp/asahi/rinkoro/page/desk_icon.html http://mac.pos.to/iconist/http://w3.to/bdt_rev//http://www.ne.jp/asahi/rinkoro/page/link-search.html/mt/menu.htm/mt/pic3.htm/mt/pic2.htm/mt/icon2.htm/mt/icon.htmhttp://www003.upp.so-net.ne.jp/payaya/oshougatsu/shou.html //font/design.htmhttp://members.jcom.home.ne.jp/norinori-hp//~ryoko_rk//good/fang600213/box.htm有些网站可能以关闭,我没有一个个的看,请见谅!======================================================== 素材网站非常图酷：构图网： 矢量LOGO：/find1.htm美图：/s8/搜图网： /cgi-bin/imagefolio.cgi伊美姬网：桌面城市：中国图片库：/夜*图库：网页制作大宝库：流星雨矢量图库：中华图库：/photo素材精品屋：热线素材精品： 壁纸好莱坞：Wincustomize：/axialis：/Eboy Home：ICON List：/icon/ICON中国：/图标集中营：馨雅壁纸：/cn/index.php海龙文化：/civilization/index.asp中国古代龙纹：/artchina_des...ong/page_01.htm最好的图片搜索引 ：/imghp?hl=zh-CN非鸟矢量图库：/ai/index.htm闪吧矢量图库：/index_vector.asp流星雨矢量图库：/梧桐树下矢量图库：/flash/2000slt/index.htm广之源矢量素材：/Subject.asp平面设计与桌面出版--矢量素材区：http://202.103.233.162/cd/downhtml/down-1.htm素材网：/index.htm猫猫图片酷：/ai/index.htm========================================================国外经典矢量标志下载网站吐血推荐http://www.logo.vip.lublin.pl/logotypes/" TARGET=_http://www.logotypes.ru/http://www.logotypes.lv/http://logo.tdd.lt/main.htm.pl/bank-menu.htmhttp://logo.nino.ru//logos/（xxx压缩格式的）http://www.visual.gi/logoteca/logos.html(sit格式)http://webchantier.free.fr/logotheque/index2.html.ua/index.html(注册才能下载)http://www.dtpstudio.cz/logobanka/http://www.dublshar.boom.ru/logos.htmhttp://www.doppio.be/DOWNLOAD/LOGOS/index.html.ru/logos.shtmlhttp://priv.twoje-sudety.pl/~logoteka/1.htm世界所有足球俱乐部矢量标志下载：www.hqfl.dk头像/icon/国外一个站点（wmf格式）：http://www.clip-art.rucorel公司（cdr格式）：/freebies/clipart.htm闪盟矢量图库（swf格式）：/home/read.php?qid=vector闪客兵团矢量图库：/index6.htm闪客天地Flash矢量资源（fla格式）：/vector.asp闪客浪心：/flash.htm萤窗小语---矢量图库：/siliang.htm闪客堡部分矢量资源：/download.php?sort=1蓝精灵flash互动网矢量资源：/flashfla/flashvl.htm21点工作室矢量资源：/resource/bitmap/bmp.html flash爱好者：/ziyuan/shiliang/index.htm桌面城市：/scatalog.asp?scatalog=54 海阔天空：/html/material-2.htm闪光玻璃：/index/slt.htm娱乐媒质传播网：/vectors/图片搜索引 ：//search.asp图像词典/?cfid=6711151&cftoken=81480965 /photo/photo.htm 新时代图霸网/ 许昌信息港---美丽图库/ 殷都图霸/ 网页素材精品屋/index.html 中国图片网/cn/ 中国图片库（收费的）/xtf/index1.htm 花儿图库/ 美亚图库/tupian/ 新乡信息港/ 猫猫图片酷========================================================矢量图库/cgi-bin/image/ima...direct=wmf/cusi /Default.asp/ai///////nbci.asp/http://www.ipost.co.kr// 大量免费图片，但需先注册一个用户名========================================================字体网站和势精品网免费字体/font/chinese.aspHVE(中国Photoshop联盟)收集的字体网站COOL ARCHIVE(中国Photoshop联盟) 强烈推荐网站上的字体，全是精品/Cool Archive Free Clip Art and Fonts - clipart, fonts, graphics, icons, animations, backgrounds, arrows, sounds著名的04字体 /04/index.shtml1001 Fonts/英文字体下载酷字千寻/中文，英文，3DMAX，更多字体/free original graphics, fonts, animated gifs, page sets, backgrounds &clipart graphicsFree 51Fonts Net/Free 51Fonts Net " TARGET=_ 英文字体网页制作大宝库 /动画，图标，按钮，背景，线条等素材，桌面，字库cubadust/很酷的字体，桌面，素材原创站如果您需要装修店铺，请联系我们 QQ:摘编：E网情深 本文来自: E网情深() 详细出处参考：/art/200808/59.html华夏书库小说。
ico格式介绍
ico格式介绍【系统篇】ICO是什么格式ico是Icon file的缩写，是Windows的图标⽂件格式的⼀种，可以存储单个图案、多尺⼨、多⾊板的图标⽂件。
图标是具有明确指代含义的计算机图形。
其中桌⾯图标是软件标识，界⾯中的图标是功能标识。
图标有⼀套标准的⼤⼩和属性格式，且通常是⼩尺⼨的。
每个图标都含有多张相同显⽰内容的图⽚，每⼀张图⽚具有不同的尺⼨和发⾊数。
⼀个图标就是⼀套相似的图⽚，每⼀张图⽚有不同的格式。
从这⼀点上说图标是三维的。
图标还有另⼀个特性：它含有透明区域，在透明区域内可以透出图标下的桌⾯背景。
在结构上图标其实和麦当劳的巨⽆霸汉堡差不多。
⼀个图标实际上是多张不同格式的图⽚的集合体，并且还包含了⼀定的透明区域。
因为计算机操作系统和显⽰设备的多样性，导致了图标的⼤⼩需要有多种格式。
操作系统在显⽰⼀个图标时，会按照⼀定的标准选择图标中最适合当前显⽰环境和状态的图像。
如果你⽤的是Windows98操作系统，显⽰环境是800x600分辨率，32位⾊深，你在桌⾯上看到的每个图标的图像格式就是256⾊32x32象素⼤⼩。
如果在相同的显⽰环境下，Windows XP操作系统中，这些图标的图像格式就是：真彩⾊（32位⾊深）、32x32象素⼤⼩。
下⾯就是Windows各个操作系统中的标准图标格式：（单位：⼤⼩象素—颜⾊）Windows 98 SE/ME/200048 x 48 - 256 32 x 32 - 256 16 x 16 - 25648 x 48 - 16 32 x 32 - 16 16 x 16 - 16Windows XP48 x 48 - 32bit 32 x 32 - 32bit 24 x 24 - 32bit * 16 x 16 - 32bit(32位真彩⾊⽀持多通道透明。
)48 x 48 - 256 32 x 32 - 256 24 x 24 - 256 * 16 x 16 - 25648 x 48 - 16 32 x 32 - 16 24 x 24 - 16 * 16 x 16 - 16* 这种格式在XP图标中并不是必须的。
最全PPT图标大全
30 社交.
300 metro.
260 entypo.350 图标字体.来自190+国家.
190+国家.
200 生态学.
Control & Naviagation
Audio
Editing
Media
Web
Device & Social
Holiday & Celebration
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
设计
图标元素
商务
图标元素
商务
图标元素
商务
图标元素
商务
图标元素
汽车
图标元素
汽车
图标元素
社交
图标元素
社交
图标元素
阿拉伯
图标元素
电子
图标元素
电子
图标元素
圣诞
图标元素
万圣节
图标元素
万圣节
图标元素
购物
图标元素
购物
图标元素
天气
图标元素
天气
图标元素
天气
图标元素
天气
2 PPT作品-20181112分享内容
微博热搜
吃瓜群众的聚集地 也是资讯最为集中的地方
知乎热榜
关注的热点榜单和高热度文章 都在这里
SEE数平台
就是一个追热点的大数据平台 新媒体运营的追热点神器
Socialbeta
主要是营销大方向的动态 还会有很多案例可以去参考
新媒体类
1 新媒体教程类
第一
网易云课堂
第三
三节课
请插入图片
第二
腾迅课堂
第四
馒头商学院
关于运营类型的教程我还是比较建议看大平台的教程内容（网易和腾迅），还有就是偏向专向化的运营学院（暖石、三节课、馒头） 优点：相对片段式的教程，这些网站会有教程目录选择，以上推荐的4个网站还有不少免费课程观看。 缺点：教程一般是以直播为主，所以整个视频会很冗长，而且腾讯里的免费教程广告很多，暖石、三节课这些偏专业点的课程费用高。
关于一些 教程网站 的分享
TUTORIAL TO SHRAE
分享起因，
上次员工会议有说到关于培训教程的内容， 就想着分享一下我觉得还比较使实用的杂七杂八的内容， 各种教程的网站、公众号、还有一些资讯的网站和比较实用的文章 排版工具。
C 目录 ONTENTS
1 新媒体类 2 设计类 3 工具类
1
公众号——李叫兽
他的公众号的特点就是很系统而且不会 很难懂，主要分为4类：文案写作、思 维分析、个人提升和营销干货。 但是讲真，文章整篇下来内容非常多...
公众号——插坐学院
这个公众号的定位很准确，都是新媒体内容。 里面有个“新媒体编辑最全自学教程”基本 上新媒体所需的基础知识技能都囊括在内， 还都是免费的。 还有个同名网站，但是我个人没怎么看过。
第四 优波网站导航
最全网络设备图标素材库(PPT 43页)
ASP
ISP
显示服务器
文件服务器
14
服务器
打印服务器
辅助图标－服务器
NAS接入服务器
RADIUS-SERVER
DTE
磁盘阵列
14
网络管理平台
SEVER群
辅助图标－用户/办公设备
用户
DCE
CSU/DSU
DTU
抽象产品图标
CAMS
共享磁带库
友方路由器.
友方交换机
中继器
磁盘阵列
Server群
用户管理平台
语音服务器 20
语音网关
辅助图标－网络/线路
长距离,百兆以上传输
抽象产品图标
安全网关
计费网关
入侵检测系统
无线网卡
防火墙
语音网关
AP
大功率AP
无线网桥
网络电话系统 深度测试防火墙
PBX
5
DSLAM
ISDN(抽象)
Modem(抽象)
语音服务器 Software_comware
抽象产品图标
网桥
WAP
PSE
DTU
企业用户
办公
走路
上网
会议
打电话
Modem池
Modem
多功能一体机
15
传真机
复印机
打印机
辅助图标－办公设备
电话
可视电话
IP电话
手机
刷卡机
PDA
数码相机
视频终端
终端机
ATM
台式机
16
笔记本
液晶显示器
台式显示器
电视
通用交换机
入侵检测系统
幻灯片常用图标分享PPT图标再也不荒啦
幻灯片常用图标分享PPT图标再也不荒啦•幻灯片常用图标概述•幻灯片图标设计原则•幻灯片常用图标分享•PPT 图标应用技巧•PPT 图标素材推荐•总结与展望目录CONTENTS01幻灯片常用图标概述幻灯片常用图标是指在幻灯片演示中，用来辅助说明、强调重点或增加视觉效果的图形符号。
定义用于增加幻灯片的美观度和视觉效果，如花边、纹理等。
装饰性图标根据功能和使用场景，幻灯片常用图标可分为以下几类分类用于指示、引导观众注意力，如箭头、手指等。
指示性图标通过图形符号代表抽象概念或事物，如心形代表爱、灯泡代表创意等。
象征性图标0201030405定义与分类通过直观的图形符号，帮助观众更好地理解和记忆演示内容。
辅助说明强调重点增加视觉效果在关键信息处使用醒目的图标，引导观众关注重点。
精美的图标可以提升幻灯片的整体美感和专业度，增强观众的视觉体验。
030201图标在幻灯片中的作用扁平化图标拟物化图标线性图标面性图标常见图标类型及特点01020304简洁明了，线条清晰，色彩鲜艳，符合现代设计趋势。
形象逼真，立体感强，易于识别和记忆。
以线条为主要元素，轻盈简洁，具有良好的视觉效果和辨识度。
以面为主要元素，色彩丰富，具有较强的视觉冲击力和表现力。
02幻灯片图标设计原则图标设计应简洁而不复杂，避免使用过多的绹络和细节。
选择易于理解和辨认的图形元素。
保持图标的清晰度和辨识度，确保在不同尺寸下都能清晰展示。
简洁明了图标应与幻灯片的主题和内容紧密相关。
根据主题选择合适的图标风格和元素。
确保图标与背景和其他设计元素相协调，不产生视觉冲突。
与主题相符色彩搭配协调图标的色彩应与幻灯片的整体色调相协调。
选择与背景色形成对比的颜色，以确保图标的可见性。
避免使用过于刺眼或不搭配的颜色组合。
通过巧妙的构思和新颖的表现手法，使图标更具吸引力和记忆点。
避免使用过于普通或陈词滥调的图标，力求与众不同。
在符合设计原则的基础上，追求创意和独特性。
创意独特03幻灯片常用图标分享工作汇报类图标表示任务完成度或进度，可直观展示工作进度。
ppt模板(25)
您的内容打在这里， 并选择只保留文字。
添加标题
02
您的内容打在这里，并选择 只保留文字。
请输入标题 文字
请输入标题文字
本模板精心设计，模板所有素
01
材均可自由编辑替换移动。
点击添加标题
02
本模板精心设计，模板所有素 材均可自由编辑替换移动。
03
点击添加标题
点击添加标题
本模板精心设计，模板所有素
标题文本二
点击输入您的内容，或者通过复制您的文 本。
标题文本三
点击输入您的内容，或者通过复制您的文 本。
类别 1
类别 2
类别 3
类别 4
肆 输入你的标题
单击此处添加副标题或详细文本描述 单击此处添加副标题或详细文本描述 单击此处添加副标题或详细文本描述 单击此处添加副标题或详细文本描述
肆 输入你的标题
文本标题
此处添加相关的文字解说对小标题进行说明此处添加相关 的文字
文本标题
此处添加相关的文字解说对小标题进行说明此处添加相关 的文字
壹 输入你的标题
输入标题
点击输入您的内容，或者通过复制您 的文本。
输入标题
点击输入您的内容，或者通过复制您 的文本。
输入标题
点击输入您的内容，或者通过复制您 的文本。
输入标题
点击输入您的内容，或者通过复制您 的文本。
壹 输入你的标题
✓ 点此编辑标题
在此输入详细文字介绍和详细信息
✓ 点此编辑标题
在此输入详细文字介绍和详细信息
✓ 点此编辑标题
在此输入详细文字介绍和详细信息
✓ 点此编辑标题
在此输入详细文字介绍和详细信息
贰
请输入标题
PPT图标素材脸部表情整套矢量图标
1
使用方法
“ 使用方法： 1、点击上方图标，复制，粘贴至文档； 2、在简历文档里点击选中该图标，按住shift键的同时拖拽图标角落调 整图标大小；或者在绘图工具-格 式下，修改高度、宽度的数值。 3、如何修改图标的颜色？ 点击图标后，在图标工具-格式-形状填充工具栏里选择“其它填充颜 色”-“自定义”，输入RGB色值。 ”
2
图标素材—表情 icon
很愤怒 惊讶 高兴
3
图标素材—表情 icon
淡定 愤怒 不服气
4
图标素材—表情 icon
胡子爷爷 惊讶 流泪
5
图标素材—表情 icon
难过 邪恶 撇嘴
6
图标素材—表情 icon
吐舌头 耍酷 调皮
7
图标素材—表情 icon
笑脸 微笑
8
ppt图标库素材大全
keynote研究所整理后发布
工业图标库
keynote研究所整理后发布
地图图标库
keynote研究所整理后发布
化学图标库
keynote研究所整理后发布
科技图标库
生活
图标元素
keynote研究所整理后发布
科技图标库
keynote研究所整理后发布
商务图标库
keynote研究所整理后发布
家居图标库
交通图标库
keynote研究所整理后发布
酒水图标库
keynote研究所整理后发布
设计类图标库
keynote研究所整理后发布
设计类图标库
keynote研究所整理后发布
修理类图标库
keynote研究所整理后发布
修理类图标库
keynote研究所整理后发布
修理类图标库
keynote研究所整理后发布
日常办公图标库
keynote研究所整理后发布
日常办公图标库
keynote研究所整理后发布
日常办公图标库
keynote研究所整理后发布
日常办公图标库
keynote研究所整理后发布
日常办公图标库
keynote研究所整理后发布
日常办公图标库
keynote研究所整理后发布
日常办公图标库
keynote研究所整理后发布
媒体办公图标库
keynote研究所整理后发布
商贸办公图标库
keynote研究所整理后发布
商业办公图标库
keynote研究所整理后发布
生活办公图标库
keynote研究所整理后发布
交流通信图标库
keynote研究所整理后发布
相亲图标库
《教学分析》-VMware图标素材
Editable Text Here
• Virtual Appliance
Build Your Own
ESXi
Build Your Own
App
App
App
App
App
Operation System
Operation System
Operation System
Operation System
VMware Logo
VMware Product Boxshots
VMware Product Boxshots
VMware Product Boxshots
Icons
• CPU • NIC card • Memory card
• Hard Disk
• Rack Server
• Rack Server (failed)
• Virtual Machine - detailed
• Application,Data,OS
APP DATA
OS
• Virtualized App inside a VM
• Virtual Desktops
THINAPP
• Virtualized App not inside a VM
• Virtualization Layer
3D Assets with Editable Text
VM
• Virtual Machine
TEXT
• App
TEXT
• OS
TEXT
• Data
TEXT
• ThinApp
Formatted Text
Formatted Text
Formatted Text
2024版国外创意精美绝伦PPT图表PPT素材
31
学员心得体会分享
学员表示通过本次课程学习到了很多实 用的PPT图表制作技巧和方法
2024/1/30
学员认为本次课程提供的PPT图表素材和模 板非常实用，可以大大提高工作效率
学员表示将会把所学的知识和技巧 应用到实际工作中，制作出更加专 业、精美的PPT
2024/1/30
22
巧妙运用动画，提升演示趣味性
选择合适的动画效果
根据图表内容和演示需求，选择适合的动画 效果，如淡入淡出、飞入飞出等。
控制动画速度和时间
合理设置动画的速度和时间，避免过快或过 慢影响观众理解。
2024/1/30
利用动画强调重点
在关键信息处添加动画效果，引导观众关注 重点。
23
注意排版布局，保持整体美观性
定义
创新性
创意PPT图表是指通过独特的设计理念和创 新的视觉表现形式，将复杂的数据和信息转 化为直观、易懂的图形化展示。
打破传统图表的束缚，采用新颖的设计元素 和表现形式。
直观性
美观性
通过图形化的方式呈现数据，使观众能够快 速抓住重点。
注重色彩搭配、排版布局和视觉效果，提升 演示的美感。
2024/1/30
面积图
通过不同颜色的面积叠加展示多个时间序列数据的对比和趋势变化。
2024/1/30
29
06
总结与展望
2024/1/30
30
回顾本次课程重点内容
介绍了多种类型的创意PPT图表， 包括流程图、关系图、数据可视
化等
探讨了如何根据不同的主题和需 求选择合适的图表类型
2024/1/30
分享了制作精美绝伦PPT图表的 技巧和方法，如色彩搭配、排版 布局、动画效果等
PowerpointPPT课件
单击此处可编辑内容，根据 您的需要自由拉伸文本框
单击此处可编辑内容，根据 您的需要自由拉伸文本框
单击此处可编辑内容，根据 您的需要自由拉伸文本框
PART03
PLEASE ADD YOUR TITLE HERE
this is a sample text. insert your desired text here. Again. this is a dummy text. enter your
own text here. this is a sample text.
PART 0X
标题内容
NARRATIV
BOARYT
单击此处添加 标题或详细内容描述
在此处添加详细描述文
在此处添加详细描述文本，尽量与标题文本语言风格相符合，语 言描述尽量简洁生动，尽可能概括出段落内容，尽量将每页幻灯 片文字内容控制在200字以内，将每页幻灯片动态演示时间长度尽 量控制在5分钟以内。
在此添加标题
单击此处添加文本单击 此处添加文本单击此处 添加文本
在此添加标题
单击此处添加文本单击 此处添加文本单击此处 添加文本
在此添加标题
单击此处添加文本单击 此处添加文本单击此处 添加文本
PART 0X
标题内容
NARRATIV
BOARYT
01
02
单击编辑标题
01 单击此处可编辑内容，根据您
的需要自由拉伸文本框大小
在此添加标题
单击此处添加文本单击此处 添加文本单击此处添加文本
PART 0X
标题内容
image
image
1 2 image
3
4 image
NARRATIV
BOARYT
Bootstrap图标
Bootstrap图标⼩图标icon是⼀个优秀Web中不可缺少的⼀部分，起到画龙点睛的效果。
在Bootstrap框架中也为⼤家提供了250多个不同的icon图⽚。
本⽂将详细介绍Bootstrap图标原理分析Bootstrap框架中的图标都是字体图标，其实现原理就是通过@font-face属性加载了字体@font-face {font-family: 'Glyphicons Halflings';src: url('../fonts/glyphicons-halflings-regular.eot');src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.s }⾃定义完字体之后，需要对icon设置⼀个默认样式，在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon编码.glyphicon {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.glyphicon-asterisk:before {content: "\2a";}使⽤所有icon都是以”glyphicon-”前缀的类名开始，然后后缀表⽰图标的名称，所有图标都需要⼀个基类和对应每个图标的类。