float:left;

width:100px;

height:100px;

float:right;

這將創(chuàng)建一個(gè)簡(jiǎn)單的浮動(dòng)布局，其中圖片隨文本框的左右移動(dòng)。請(qǐng)注意，圖片將使用默認(rèn)的CSS樣式，如寬度和高度，而文本將使用浮動(dòng)樣式。

float:left;

width:100px;

height:100px;

background-color:red;

border:1px solid blue;

這將創(chuàng)建一個(gè)具有紅色背景、藍(lán)色邊框的浮動(dòng)圖片，而文本將使用默認(rèn)樣式。

總之，通過(guò)使用CSS浮動(dòng)布局，您可以輕松地添加圖片并使其與文本框一起工作。您可以根據(jù)您的需要設(shè)置圖片的樣式，使您的網(wǎng)站更具吸引力。