浮動的原本作用-文字環(huán)繞
任務(wù)
給圖片添加浮動屬性
- ?不會了怎么辦
-
<img src = "http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg" class = "float-left" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浮動的原本作用-文字環(huán)繞</title>
<style>
.test-box { width: 600px; margin: 16px auto; line-height: 1.5; font-size: 14px; }
.float-left { float: left; margin: 0 10px 5px 0; }
</style>
</head>
<body>
<div class="test-box">
<img src="http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg"/>
<p>一直有這么一個美麗的誤會，說我是張含韻的忠實粉絲，因為左邊這種張含韻蘿莉時候的照片頻繁出現(xiàn)在我的文章中。</p>
<p>實際上，當(dāng)年，我還在念大學(xué)那會兒，我就把我收藏的一些美女照片調(diào)成成固定的幾個比例，專門用來做演示使用。</p>
<p>分別是128像素，256像素，512像素和原圖。然后，非常巧合的是，這些示例圖片中序號為1的妹子，就是張含韻。因此，只要有圖片演示，無論是使用了1張還是10張，張含韻小妹妹自然都會出現(xiàn)。久而久之，大家都認為我是張含韻的忠實粉絲。</p>
<p>然而，事實是什么呢？</p>
<p>事實是，尼瑪我以前還真的是張含韻的忠實粉絲，上大學(xué)那會兒，唯一關(guān)注的新浪名博就是張含韻的博客。不過現(xiàn)在嘛，普通粉絲，普通粉絲。</p>
</div>
</body>
</html>
請驗證，完成請求
由于請求次數(shù)過多，請先驗證，完成再次請求
