css設置小圖標

通常我們在佈局的時候都會遇到各種各樣的小圖標，類似於這樣或者是這樣
那麼該如何放置這些小ico呢？有兩種方法。

第一種，創建一個小容器給小容器設置寬、高巴拉巴拉巴拉~然後將圖片插進去或者設置成背景即可

<i class="icon">要插入的圖片</i>

<style>
    .icon{
        width:10px;
        height:10px;
        font-style:normal;
    }
    .icon img{
        max-width:100%;
        min-height:100%;
        display:block;
        font-size:0;
    }
</style>

第二種方法就是通過設置clip將ico圖片裁剪出來

<div class="icon">
    <img src=".....">
</div>

<style>
    img{
        position:absolute;
        clip: rect(上邊距, 右邊距, 下邊距, 左邊距);
    }
</style>