編碼的世界 / 優質文選 / 生涯

css設置小圖標


2022年5月19日
-   

那麼該如何放置這些小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>

熱門文章