css图片上面添加空白区域怎么弄

html-css018

css图片上面添加空白区域怎么弄,第1张

css图片上面添加空白区域怎么弄如下:

1、将图片转换为块级象对。

2、设置图片的垂直对齐式方。

3、设置父象对的文字大小为0px。

4、转变父象对的属性。

5、设置图片的浮动属性。

6、消取图片标签和其父象对的最后一个结束标签之间的空格。

css图片中间添加空白区域按照以下步骤弄。

1、将图片转化为块级对象。

2、设置图片的垂直对齐方式。

3、设置父对象的文字大小为0px。

4、改变父对象的属性。

5、设置图片的浮动属性。

6、取消图片标签和其父对象的最后一个结束标签之间的空格。

最简单的方式是直接给图片加个白色的边框:

<img src="images/123.jpg" style="border:3px solid #fff" />

想好看点的话在白边外再套一个模拟阴影的边框,这样更真实:

<div style="float:leftborder:1px solid border-color:#d0d0d0 #aaa #aaa #d0d0d0">

    <img src="images/123.jpg" style="display:blockborder:3px solid #fff" />

</div>