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

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

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

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

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

4、转变父象对的属性。

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

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

用CSS往图片上嵌入文字有二种方法，分别如下：

第一种方法、添加一个DIV，采用绝对定位，图片所属DIV为基准。

参考代码如下：

1

2

3

4

5

6

<div style="position:relativewidth:100pxheight:100px">

<img src="" alt="" />

<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">

文字

</div>

</div>

第二种方法、图片作为背景图片。

参考代码如下：

1

2

3

<div style="background:url(abc.jpg) no-repeat left top">

文字

</div>

1、打开HBuilder编辑工具，进入到编辑页面中，新建静态页面；

2、利用类选择器设置div标签display属性，设置为box，

3、然后将文章“容器”样式中加上text-indent这个属性就可以了，例如：

<div style="text-indent:2em">你的文章内容！</div>。

4、然后就可以定义每段开头空2格了。

---