image对象如何使用border属性?

 时间:2026-04-21 18:38:20

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

image对象如何使用border属性?

2、添加一个img元素 这是id为mypictureborder,添加图片路径,在图片周围加些文字,来让图片位置显示更明显些

image对象如何使用border属性?

3、添加一个button按钮,在点击事件中加入自定义函数myborder

添加一p标签,设置id 为 showborder

image对象如何使用border属性?

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

image对象如何使用border属性?

5、在自定义函数中获取img对象。用border属性设置图片的边框为5

,并获取border的属性值,将获取的值显示到p标签中

image对象如何使用border属性?

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

image对象如何使用border属性?

  • 饭后什么时候可以练瑜伽
  • WebStorm 2021.1.2怎么设置播放声音
  • php+mysql怎样一次插入多条记录到数据库
  • 网页中怎么写无序标签
  • HTML5的网页制作基础
  • 热门搜索
    八一建军节手抄报 国庆节手抄报一等奖 2035年的家乡手抄报 中秋手抄报图片大全图片 端午节英语手抄报 病毒手抄报内容写什么 安全教育日手抄报 尊老敬老的手抄报 我和我的祖国手抄报图 重阳节手抄报简单易画