请问这样一排三个图，如何用CSS实现

html-css024

请问这样一排三个图，如何用CSS实现,第1张

1. 最简单的情况：设置这个属性就可以了，各浏览器都兼容：

display: inline-block

2. 如果图片需要以block显示，那么就麻烦点：

<div>

<style type="text/css">

img{margin:0pxpadding:0pxdisplay:blockfloat:left}

</style>

<img src="20120601165649_4.jpg"/>

<img src="20120601172023_4.jpg" style="margin-left: 10px"/>

<img src="20120601172645_4.jpg" style="margin-left: 10px"/>

</div>

3. 如果你的图片还有超链接，那么还有第三种情况了，需要给img标签添加border:0属性，不然的话，在IE下会出现蓝色边框：

<style type="text/css">

img{margin:0pxpadding:0pxdisplay:blockfloat:leftborder:0px}

</style>

<a href=""><img src="20120601165649_4.jpg"/></a>

<a href=""><img src="20120601172023_4.jpg" style="margin-left: 10px"/></a>

<a href=""><img src="20120601172645_4.jpg" style="margin-left: 10px"/></a>

</div>

1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中

2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来

3.如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。

css插入图片方法如下：

操作设备：戴尔笔记本电脑

操作系统：win10

操作程序：html编辑器v8.21

1、打开html编辑器并创建一个新的html文件。

2、新建完一个新的html文件后，在index.html的<style>标签中，输入如下所示的CSS代码。

3、输入完CSS代码之后，接下来运行index.html页面，可以发现，本地图片通过背景图片衜中的本地路径成功调用为了背景图片，图片就成功加入了。