Rumah > Artikel > hujung hadapan web > CSS生成常用的图标样式
CSS生成常用的图标样式
- php中世界最好的语言asal
- 2018-03-21 13:17:312450semak imbas
这次给大家带来CSS生成常用的图标样式，CSS生成常用的图标样式的注意事项有哪些，下面就是实战案例，一起来看一下。
基本图标:
您可以将Font Awesome图标使用在几乎任何地方，只需要使用CSS前缀 fa ，再加上图标名称。 Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用 ，因为它更简洁。 但实际上使用 才能更加语义化。
<i class="fa fa-camera-retro"></i> fa-camera-retro
注意：如果您修改了图标容器的字体大小，图标大小会随之改变。同样的变化也会发生在颜色、阴影等其它任何CSS支持的效果上。
用的时候记得引入：
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci CSS生成常用的图标样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：CSS怎样做出梯形的标签页Artikel seterusnya：fit-content实现元素水平居中
Artikel berkaitan
Lihat lagi- Bagaimana Menggayakan Kandungan iFrame Merentas Domain Tanpa Akses Terus?
- Mengapa Margin: Auto Tidak Sentiasa Memusatkan Elemen Kedudukan?
- Bagaimana untuk Mencapai Pembungkusan Perkataan Merentas Pelayar Tanpa Memecah Ruang?
- Bagaimana untuk Memisahkan Div kepada Dua Bahagian dengan Satu Div Mengambil Baki Ruang?
- Bagaimana untuk Mencapai Sudut Bulat Bergaya dalam IE8 Tanpa Pepijat?