Web全栈~15.购物车案例(Logo和搜索框)

Web基本笔记~15.购物车案例(Logo和搜索框)

上一期

       制作搜索框之前,先来了解一下图标。在上一期导航栏的首页其实是可以再添加一个小房子的图标实现更加美观。而阿里巴巴则有一个网站是提供了各种各样图标下载的。这里先随便搜索一个图标示范。找到自己喜欢的图标后,就可以开始制作了~

图标下载

点击进入该网站

图标引入

然后就可以直接引入了 < i class="iconfont">& #xe6d3;< /i >

       其他的图标也是一样的道理

<link href="./icon/iconfont.css" type="text/css" rel="stylesheet"/>
<li>