当前位置: 老葡京网站娱乐 > 网页设计 > Css教程 > 正文

CSS实现文字包围图片的效果

时间:2016-08-06 本站 乖兔快跑

老葡京网站娱乐 www.sdguanhua.com 在本例中,对<img>进行左浮动,实现文字包围图片的效果。

html文件:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS实现文字包围图片的效果</title>
</head>
<body>
<img width="50" style="float:left;margin-right:5px;" src="2.jpg" />
dcss学习fdfdfdfsadfaasdfasdfasdfsafdsdasdfsafasdfsawwegwasdfagdcss学习fdfdfdfsadfaasdfasdfasdfsafdsdasdfsafasdfsawwegwasdfagdsfdafsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaadcss学习fdfdfdfsadfaasdfasdfasdfsafdsdasdfsafasdfsawwegwasdfagdsfdafsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaadcss学习fdfdfdfsadfaasdfasdfasdfsafdsdasdfsafasdfsawwegwasdfagdsfdafsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaadcss学习fdfdfdfsadfaasdfasdfasdfsafdsdasdfsafasdfsawwegwasdfagdsfdafsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaadsfdafsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</body>
</html>

效果如下:

本文地址:http://www.sdguanhua.com/web/Css/201608/50312.htm