CSS中有許多有趣的效果，如何讓圖片浮動起來是其中的一個應用。下面我們來學習CSS中圖片向上浮動的方法。

.img{
position:relative;
top:-20px;
}

以上代碼中，我們給圖片添加了定位屬性，然后通過top屬性將圖片向上浮動。

另外，如果想要實現圖片懸浮在文本上方的效果，我們可以使用以下代碼：

.img{
position:absolute;
top:-20px;
z-index:1;
}

通過將圖片定位為absolute，再通過z-index屬性使其浮在文本上方。

當然，我們也可以通過CSS3中的transform屬性來實現圖片浮動的效果。

.img{
transform:translateY(-20px);
}

以上代碼中，我們使用了translateY屬性將圖片向上平移了20px。

最后，在使用圖片浮動時，需要注意不要破壞頁面的整體布局，盡量不要使用過多圖片浮動的效果。