![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIyVGduV2QvwVe0lmdhJ3ZvwFM38CXlZHbvN3cpR2Lc1TPB10QGtWUCpEMJ9CXsxWam9CXwADNvwVZ6l2c052bm9CXUJDT1wkNhVzLcRnbvZ2LcVnVHFmNsdkY1Z1MjZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39jM5QDNxADMxIDMycDM3EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
<div class="first"> 放大看酸辣粉你倆快點撒嬌瘋狂的思考了瘋狂的酸辣粉考慮對方考慮的考慮發sd卡浪費點卡考了多少分? </div>
.first{ width:300px; height:300px; border:1px solid #ccc; margin:0 auto; } .first::first-letter{ color:red; font-weight:700; font-size:60px; float:left; }
文字圍繞圖檔: <div class="second"> <img src="images/01.jpg"> 放大看酸辣粉你倆快點撒嬌瘋狂的思考了瘋狂的酸辣粉考慮對方考慮的考慮發sd卡浪費點卡考了多少分? </div> .second{ width:300px; height:200px; border:1px solid red; margin:0 auto; } .second img{ width:150px; float:left; } 同樣:
文字環繞圖檔也是一樣的 <div>
<img src="image/01.jpg">
<p>可分可浪費快樂的薩菲扣籃大賽回報飛機的薩菲進口的沙發盡快的快速減肥後盡快的撒謊附近看到上飛機的薩菲還多久薩菲會盡快大三房科技大廈盡快發的撒</p>
</div>
<style>
div {
width: 500px;
height: 300px;
border: 1px solid #ccc;
margin: 0 auto;
}
div img {
float: left;
}
</style>
雖然簡單,但是都是經驗所得,希望對你們幫助;