購物車圖示案例-第二十天
阿新 • • 發佈：2022-04-19
上傳向量圖:
- 問:如果圖示庫沒有專案所需的圖示怎麼辦?
-
答:IconFont網站上傳向量圖生成字型圖示
- 與設計師溝通,得到SVG向量圖
- IconFont網站上傳圖示,下載使用
使用字型圖示技巧實現網頁中簡潔的圖示效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>購物車圖示</title> <link rel="stylesheet" href="./iconfont/iconfont.css"> <style> a{ display: block; width: 200px; height: 50px; box-shadow: 0px 2px 12px 2px rgb(0 0 0 / 30%); text-align: center; line-height: 50px; color: #333; text-decoration: none; } .icon1{ color: #ff4403; } </style> </head> <body> <a href="#"> <i class="iconfont icon-gouwu"></i> 購物車 <i class="iconfont icon-jiantouyou"></i> </a> </body> </html>