首页 > 软件开发 > HTML >

怎么用css设置一个图片位置并有边框宽度

来源:互联网 2023-03-16 19:07:40 版权归原作者所有,如有侵权,请联系我们

通过css中的定位属性(position)可以自由的设置图片的在网页中的位置geu办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 图片一张

方法/步骤

  • 1

    准备好需要定位的图片,这里准备一个在线的图片,并新建一个文本文件,重新命名为"index.html"geu办公区 - 实用经验教程分享!

  • 2

    在文本编辑器中,开始准备编写html代码geu办公区 - 实用经验教程分享!

  • 3

    输入图片中所示代码:geu办公区 - 实用经验教程分享!

    怎么用css设置一个图片位置并有边框宽度geu办公区 - 实用经验教程分享!

  • 4

    将编写好的代码进行保存,并双击打开,效果如图所示geu办公区 - 实用经验教程分享!

    怎么用css设置一个图片位置并有边框宽度geu办公区 - 实用经验教程分享!

  • 4此文章非法爬取自百度经验
  • 注意事项

    • style标签中编写css样式,将img的position属性设置为absolute可以通过top或者left属性对img标签进行定位
    • 可以通过border属性对img对象进行增加边框处理

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!geu办公区 - 实用经验教程分享!


    标签: HTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号