我很常用的icon網站:http://www.iconfinder.com/
有免費的,也有可商業使用的。不過因為是外國網站,所以搜尋的時候要打英文。搜尋後,在列表上面的過濾器選擇「Allowed for commercial use (No link required)」,過濾出來的就是可以商業使用,且不需要留連結的圖片了~
我很常用的icon網站:http://www.iconfinder.com/
有免費的,也有可商業使用的。不過因為是外國網站,所以搜尋的時候要打英文。搜尋後,在列表上面的過濾器選擇「Allowed for commercial use (No link required)」,過濾出來的就是可以商業使用,且不需要留連結的圖片了~
一般html寫法
<ul class="photo">
<li><div><img src="img/01.jpg"></div></li>
<li><div><img src="img/02.jpg"></div></li>
<li><div><img src="img/03.jpg"></div></li>
<li><div><img src="img/04.jpg"></div></li>
<li><div><img src="img/05.jpg"></div></li>
<li><div><img src="img/06.jpg"></div></li>
<li><div><img src="img/07.jpg"></div></li>
<li></li>
<li></li>
</ul>
為ie需要修改的html
<ul class="photo">
<li><div><span></span><img src="img/01.jpg"></div></li>
<li><div><span></span><img src="img/02.jpg"></div></li>
<li><div><span></span><img src="img/03.jpg"></div></li>
<li><div><span></span><img src="img/04.jpg"></div></li>
<li><div><span></span><img src="img/05.jpg"></div></li>
<li><div><span></span><img src="img/06.jpg"></div></li>
<li><div><span></span><img src="img/07.jpg"></div></li>
<li></li>
<li></li>
</ul>
css的設定請參考此文章
另外一篇也是在講這個,方法不太一樣:图片垂直居中的使用技巧