在現代的網頁設計中，表情是一個不可或缺的元素。使用CSS浮動表情是一種常見的實現方式。通過將表情圖片設置為浮動元素，可以使其脫離文本流而不會破壞排版結構，同時還可以讓它們在頁面上自由移動。

/* 表情圖片 */
img.emotion {
width: 30px;
height: 30px;
margin: 5px;
float: left;
}

上面的代碼展示了如何定義一個表情的CSS樣式。其中，width和height屬性控制了表情的尺寸，margin屬性增加了表情與周圍元素之間的空白間隔，float屬性使表情浮動在頁面上。

在文本中插入浮動表情時，只需在標簽中指定表情的CSS類名即可：

今天的天氣真不錯！

使用CSS浮動表情可以在網頁設計中增加趣味性和視覺吸引力。不過，要注意不要過度使用表情，否則會影響網頁的整體印象。