css插入图片方法如下:
操作设备:戴尔笔记本电脑
操作系统:win10
操作程序:html编辑器v8.21
1、打开html编辑器并创建一个新的html文件。
2、新建完一个新的html文件后,在index.html的<style>标签中,输入如下所示的CSS代码。
3、输入完CSS代码之后,接下来运行index.html页面,可以发现,本地图片通过背景图片衜中的本地路径成功调用为了背景图片,图片就成功加入了。
LZ的问题所谓一行能放几个图片是没有限制的,理论上只要放得开就能放,我说的放得开指的是页面的宽度和图片的宽度。第一个问题,#content_area .item这个样式都是作用于HTML中div这个标签的,border是用来编辑div的边框的,margin是控制div与其他div之间距离的,padding是控制div与内部对象之间距离的,所以显然能控制图片间距离。第二个问题,#content_area .item a这个样式是作用于div中的超链接的,应该就是图片下方的那些文字了吧,LZ应该看到那是一些超链接了,这个就是修改那个超链接样式的。至于如何调整图片间的距离,把图片放在不同div中,调整div间距离就行了,方法在第一个回答中说了。最常用的一种方法:就是浮动,浮动之后会自动往右挤,挤不下就到第二行了。
<ul><li>第一张图片</li>
<li>第二张图片</li>
<li>第三张图片</li>
<li>第四张图片</li>
<li>第五张图片</li>
<li>第六张图片</li>
<li>第七张图片</li>
<li>第八张图片</li>
</ul>
<style> ul{width:800px height:200px} li{width:195pxheight:98pxmargin:1px auto float:leftlist-style-type:none}
</style>