在CSS中，我們可以使用`float`屬性來使圖片浮動起來，`float`屬性可以將圖片放在其容器的左側(cè)或右側(cè)，并允許文本環(huán)繞圖片，以下是一些示例代碼，展示如何使用`float`屬性使圖片浮動：

1. 使圖片浮動在左側(cè)：

```css

img {

float: left;

margin-right: 10px;

```

2. 使圖片浮動在右側(cè)：

```css

img {

float: right;

margin-left: 10px;

```

3. 清除浮動：

```css

.clear {

clear: both;

```

在HTML中，你可以這樣使用這些樣式：

```html

這是一段文本，它將環(huán)繞圖片，圖片將浮動在左側(cè)，并且文本將在圖片右側(cè)顯示。

```

或者，你可以將CSS樣式放入一個單獨的樣式表中，并在HTML中引用它：

style.css：

```css

img {

float: left;

margin-right: 10px;

.clear {

clear: both;

```

index.html：

```html

這是一段文本，它將環(huán)繞圖片，圖片將浮動在左側(cè)，并且文本將在圖片右側(cè)顯示。

```

通過這種方式，你可以更好地組織和控制你的網(wǎng)頁布局。