怎么用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教程 互不相同且无重复数字的三位数
  • 热门搜索
    湖北旅游景点推荐 邯郸旅游网 上海旅游观光车 辽源旅游景点大全 保定旅游公司 不丹旅游要多少钱 绵山旅游 乐六旅游 郊区旅游 新西兰旅游报价