CSS——icon 全解
生活随笔
收集整理的這篇文章主要介紹了
CSS——icon 全解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、img法2、background法3、background合一法4、font法5、SVG法6、CSS法(新手慎用)
一、切圖使用PS等軟件
二、雪碧圖CSS Sprites
三、iconfont不同的字體長得樣子不一樣,那么能不能長得特別不一樣呢?比如一個字張成微博圖標的樣子?答案是可以的!這就是iconfont的原理!
四、SVG二三四都是用工具?www.iconfont.cn
五、用CSS寫圖標也是用工具搜“CSS icon”比如?cssicon.space/#/?等,拿來直接用!可以用來練習CSS技巧
一、切圖使用PS等軟件
二、雪碧圖CSS Sprites
三、iconfont不同的字體長得樣子不一樣,那么能不能長得特別不一樣呢?比如一個字張成微博圖標的樣子?答案是可以的!這就是iconfont的原理!
四、SVG二三四都是用工具?www.iconfont.cn
五、用CSS寫圖標也是用工具搜“CSS icon”比如?cssicon.space/#/?等,拿來直接用!可以用來練習CSS技巧
轉載于:https://juejin.im/post/5d0a54715188254c43468a6f
總結
以上是生活随笔為你收集整理的CSS——icon 全解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 锂电池龙头股一览表,十大龙头股盘点
- 下一篇: 利用CSS的三列等高布局