HTML代码,怎么处理图片和图片之间的距离,求详细步骤,谢谢
3个回答
2017-07-06 · 知道合伙人互联网行家
关注
展开全部
有两种方法:
一、利用无序标签ul li来实现,基本语法及格式如下:
<ul class="pic">
<li><img src="图片路径" width=“宽” height=“高”/></li>
<li><img src="图片路径" width=“宽” height=“高”/></li>
<li><img src="图片路径" width=“宽” height=“高”/></li>
</ul>
CSS样式如下:
.pic{float:left; text-decoration:none;padding-left:10px;}
二、利用div标签也可实现
<div>
<div><img src="" alt=""></div>
<div><img src="" alt=""></div>
<div><img src="" alt=""></div>
<div><img src="" alt=""></div>
</div>
CSS属性样式设置与上面ul li 类似。
为了更方便、更快捷的方法个人建议使用ul li 去做,因为ul li 容易控制,设置相应的样式也非常简单。
一、利用无序标签ul li来实现,基本语法及格式如下:
<ul class="pic">
<li><img src="图片路径" width=“宽” height=“高”/></li>
<li><img src="图片路径" width=“宽” height=“高”/></li>
<li><img src="图片路径" width=“宽” height=“高”/></li>
</ul>
CSS样式如下:
.pic{float:left; text-decoration:none;padding-left:10px;}
二、利用div标签也可实现
<div>
<div><img src="" alt=""></div>
<div><img src="" alt=""></div>
<div><img src="" alt=""></div>
<div><img src="" alt=""></div>
</div>
CSS属性样式设置与上面ul li 类似。
为了更方便、更快捷的方法个人建议使用ul li 去做,因为ul li 容易控制,设置相应的样式也非常简单。
2013-05-17
展开全部
<div style=" margin-left:8px; margin-top:8px; margin-left:10px; margin-right:8px;margin-bottom:8px;"><img src="图形文件名" src="图片路径"/></div>你如果想调整图片之间的距离就用margin-left:10px; margin-right:8px;如果调整图片的上下举例就用margin-top:8px;margin-bottom:8px;你试一下把
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-05-17
展开全部
最简单的就是用空格。然就是CSS,没css基础的话说了你也不会做!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询