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属性
  • HBuilder给文字添加阴影
  • CSS如何实现首字下沉效果
  • 如何使用HTML5+CSS3利用border-image制作边框
  • html页面如何创建多行文本输入框
  • jquery如何把div的边框设置成虚线
  • 热门搜索
    勿忘国耻手抄报 国庆节手抄报图片大全简单又漂亮 我爱祖国手抄报内容 欢庆六一手抄报资料 中学生英语手抄报 儿童手抄报图片大全 国学手抄报 鲁滨逊漂流记手抄报 亲子阅读手抄报 关于重阳节的手抄报简单又漂亮