css样式表定义用于定义html元素显示样式。css3新增了一个transform属性，可以直接通过这个属性制作“√”小图标。（最后一个步骤存放了所有代码）思路：“√”图标 = 一个选中45度的矩形 - 左边和顶部的边框
方法/步骤
1
打开html开发软件，新建一个html文件。如图：
2
在新建的html代码页面，创建一个
标签，同时给这个标签添加一个class类，案例中class为 icon-true 。 如图：
3
创建
4
保存html代码，使用浏览器打开，查看设置右边距和下边距的矩形是否创建成功。如图：
5
回到html代码页面，对icon-true类添加transform，使用transform设置矩形旋转45度。如图：css代码：-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);
6
保存html代码，使用浏览器打开，即可看到浏览器上存在一个打钩的小图标。如图：
7打钩小图标
页面所有代码。可以直接复制所有代码粘贴到新建html文件上，保存后运行即可看到打钩小图标。所有代码：
上一篇：css制作定位图标
下一篇：CSS怎么制作阴影效果
推荐信息
- 1
用css画三角形
- 2
怎么用CSS实现一 个三角形
- 3
怎么利用CSS3绘制三角形
- 4
网页如何使用HTML+CSS实现三角形
- 5
纯CSS实现三角形图标
- 6
CSS如何用border画三角形
- 7
HTML5,CSS3学习之路（一）用纯css3绘制三角形
- 8
无需图片纯CSS三角形，大小，颜色可变
- 9
如何用CSS制作一个三角形图形
- 10
CSS如何实现一个三角形呢？
- 11
css如何制作一个三角形
- 12
css3怎样写三角形
- 13
用CSS代码绘制精美双色三角形的技巧
- 14
如何用css实现弧度圆角?三角形以及圆形
- 15
用CSS代码在网页上绘制漂亮的三角标记
- 16
css如何制作带三角的提示框
- 17
CSS3制作各种形状图像
- 18
CSS+HTML实现图片角标或者效果
- 19
如何使用CSS font-variant 属性
- 20
css如何制作菱形
- 21
天正建筑软件2014怎么装 天正2014如何激活
- 22
网站跳出率高极高其实有25个原因
- 23
万万没想到制作网站是这么简单
- 24
怎么样在天正建筑中绘制轴网
- 25
网站优化失败的几大真正原因
- 26
AutoCADT20天正建筑如何绘制轴网
- 27
T20天正建筑V3.0软件下载安装详细教程
- 28
天正建筑软件怎么绘制直线轴网和圆弧轴网？
- 29
如何下载到免费的设计软件
- 30
建筑场地平面控制网的建立
- 31
美国建筑专业留学如何找实习
- 32
网站有效提高人气的方法（图文）
- 33
如何用Mathematica计算积分
- 34
我想建设一个网站，需要哪些准备呢？
- 35
怎样建设网站
- 36
网络营销之网络推广—凡客体制作过程
- 37
如何利用探索者三维建筑软件创建与编辑轴网
- 38
企业网站优化的要领何在 优化秘籍为您揭晓
- 39
智能建筑网片引领完美时尚新生活
- 40
怎样使用网站模板建设网站