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

 时间:2026-02-14 05:31:35

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教程 互不相同且无重复数字的三位数
  • 热门搜索
    意义的意思 寅吃卯粮什么意思 foreign是什么意思 转瞬即逝意思 ctu是什么意思 王健林中等意思 出水芙蓉是什么意思 媛是什么意思 蓝颜知己的意思 电力猫什么牌子好