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

 时间:2026-04-23 03:37:05

1、我们先创建一个标准的html5文档,并且添加一个img图片标签,在src里面设置图片地址

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

2、然后给img标签设置一个id属性,并且让这个id属性等于imgData(设置id属性,是为了让css通过id选项来选择,css的选择器有很多总,就不一一介绍了),然后再head里面写一个style标签,给id写一个border属性(边框),注意img的标签中是 id="imgData",所以style标签中,我们就要用 #imgData{},这样来调用,然后再{ }括号中写CSS样式,border:1px solid #000;  的意思就是,设置边框宽度为1px,solid:实线,#000:边框颜色

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

3、这里移动图片位置,我才用的是绝对定位,关于绝对定位的相关介绍

https://www.w3school.com.cn/css/css_positioning_absolute.asp

设置position: absolute;属性,为绝对定位,left为图片左边往右移动

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

  • 创建HTML架构
  • 如何用HBuilder完成typescript文件自动编译
  • sublime3 快速补充标签及其属性。tab快捷键
  • 如何使用html5中的canvas绘制线性渐变图形
  • PHP教程 互不相同且无重复数字的三位数
  • 热门搜索
    微波炉不加热是什么原因 施舍是什么意思 论文摘要写什么 面筋是什么 德比是什么意思 岁月静好什么意思 会计考研考什么 什么叫红颜知己 三维彩超什么时候做 cheese什么意思