养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

image对象如何使用vspace属性

时间:2024-11-15 07:41:11

image对象vspace属性是设置或获取图片顶部和底部的空白

工具/原料

编辑器

浏览器

方法/步骤

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

image对象如何使用vspace属性

2、添加一个img元素这是id为mypicturevspa罕铞泱殳ce,添加图片路径,在图片周围加些文字,来让图片位置显示更明显些,在图片的外围添加一个div并设置div的边框2和颜色为#0000ff

image对象如何使用vspace属性

3、添加一个button按钮,在点击事件中加入自定义函数my箪滹埘麽vspace11111添加一p标签,设置id为showvspace11111

image对象如何使用vspace属性

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

image对象如何使用vspace属性

5、在自定义函数中获取image对象。用vspace属性设置图片的顶部和底部的空白,,并获取vspace的属性值,将获取的值显示到p标签中

image对象如何使用vspace属性

6、在浏览器中打开文件,点击button查看图片顶部和底部到div边框空白的显示效果

image对象如何使用vspace属性

© 一点知识