简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> hujung hadapan web> tutorial css> teks badan

用CSS样式生成搜索、购物车等图标样式

巴扎黑
Lepaskan： 2017-09-09 14:31:26
asal
3122 orang telah melayarinya

这篇文章主要介绍了用CSS样式生成搜索、购物车等图标样式(图标字体库)的相关资料,需要的朋友可以参考下

参考网址：http://fontawesome.dashgame.com/

基本图标:

您可以将Font Awesome图标使用在几乎任何地方，只需要使用CSS前缀 fa ，再加上图标名称。 Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用，因为它更简洁。 但实际上使用才能更加语义化。


 fa-camera-retro
Salin selepas log masuk

注意：如果您修改了图标容器的字体大小，图标大小会随之改变。同样的变化也会发生在颜色、阴影等其它任何CSS支持的效果上。

用的时候记得引入：


Salin selepas log masuk

Atas ialah kandungan terperinci 用CSS样式生成搜索、购物车等图标样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Label berkaitan：
css 购物车
sumber：php.cn
Artikel sebelumnya：CSS实现梯形标签页 Artikel seterusnya：CSS3中使用fit-content实现水平居中方法介绍
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
JavaScript: Adakah fungsi RegExp.escape wujud? Saya hanya mahu mencipta ungkapan biasa dengan sebarang rentetan yang mungkin. varusersStr...
daripada 2023-11-16 17:41:27
0
2
232
WordPress 6.0 (add_editor_style) tidak memuatkan style.css dalam editor Gutenberg Saya mengikuti kursus UdemyWordPress untuk mencipta tema blok WordPress tersuai. Saya berj...
daripada 2023-11-12 20:37:50
0
2
261
标题重写为：Import komponen dinamik dalam Vite dengan React dan skrip taip menyebabkan kegagalan dalam penyegaran pantas Saya cuba mencipta borang berbilang langkah dan saya meletakkan data dalam fail berasingan...
daripada 2023-11-10 20:45:29
0
1
505
Apakah nombor prestasi di sebelah komponen dalam alat Vue dev? Adakah sesiapa mempunyai cerapan atau sumber untuk ciri tertentu dalam alat pembangunan Vu...
daripada 2023-11-09 14:46:48
0
1
305
Menghadapi ralat Laravel Mix semasa cuba memasang Laravel Breeze Saya cuba memasang LaravelBreeze dalam aplikasi Laravel baharu saya. Semuanya berfungsi de...
daripada 2023-11-07 23:05:02
0
1
299
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！