image对象如何使用hspace属性

时间:2024-10-14 06:56:18

1、创建一个名称为 img_hspace 的html文件

image对象如何使用hspace属性

2、添加一个img元素 这是id为mypicture,添加图屡阽咆忌片路径,在图片周围加些文字,来让图片位置显示更明显些,在图片的外围添加一个div并设置div的边框和颜色

image对象如何使用hspace属性

3、添加一个button按钮,在点击事件中加入自定义函数myhspace添加一p标签,设置id 为 showmyhspace

image对象如何使用hspace属性

4、在javascript中创建一个自定义函数 myhspace

image对象如何使用hspace属性

5、在自定义函数中获取img对象。用hsapce属性设置图片左右两侧的空白,并获取hsapce的属性值,将获取的值显示到p标签中

image对象如何使用hspace属性

6、在浏览器中打开文件,点击button查看效果

image对象如何使用hspace属性
© 手抄报圈