<html>
<head>
<title>css+div图文环绕</title>
<style type="text/css">
<!--
#demo{
font-size:12px;
color:#333;
width:550px;
margin:10px 20px 0px 10px;
line-height: 20px;
text-indent: 24px;
/*background-image:url(img/cobj.GIF);
background-position: left top;*/
background:url(images/4.jpg) left top no-repeat;
}
#demo img{
float:left;
margin:16px 22px 14px 16px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<div id="demo"><img src="images/img.jpg" width="262" height="203" border="0" />
您现在所看到的文字是由DIV+CSS组成的图文环绕效果，大家可以改一下css#demo的width属性看看不同效果。由于图片太长，文字不够，所以写一些与技术无关的话，接下来的文字大家可以忽略不看了是我们完美生活的必备工具之一，深所以写一些与技术无关的话，接下来的文字大家可以忽略不看了图片的名字叫深圳人手册，她是我们完是我们完美生活的必备工具之一，深所以写所以写一些与技术无关的话，接下来的文字大家可以忽不看了<p>图片的名字叫深圳人手册，她是我们完图片的名字叫深圳人手册，她是所以写一些与技术无关的话，接下来的文字大家可以忽不看了图片的名字叫深圳人手册，她是我们完图片的名字叫深圳人手册，她是所以写一些与技术无关的话，接下来的文字大家可以忽不看了图片的名字叫深圳人手册，她是我们完图片的名字叫深圳人手册，她是所以写一些与技术无关的话，接下来的文字大家可以忽不看了图片的名字叫深圳人手册，她是我们完图片的名字叫深圳人手册，她是一些与技术无关的话，接下来的文字大家可以忽不看了图片的名字叫深圳人手册，她是我们完图片的名字叫深圳人手册，她是我们完生活的必备工具之一，深所以写一些与技术无关的话，接下来的文字大家可以忽略不看了图片的名字叫深圳人手册，她是我们完美生活的必备。
<p>工具之一，深vv所以写一些与技术无关的话，接下来的文字大家可以忽略不看图片的名字叫深圳人手册，她是我们完美生活的必备工具之一，深所以写一些与技术无关的话，接下来的文字大家可以忽略不看了图片的名字叫深圳人手册，她是我们完美生活的必备工具之一，所以写一些与技术无所以写一些与技术无深v圳人手册网定位于生活指南，基本囊括了在深圳工作、生活、旅游、购物、学习、商务的所有信息，她给您的帮助每天多一点。</div>
</body>
</html>
2572
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
