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

 时间:2024-11-14 03:38:53

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

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

2、然后给img标签设置一个id属性,并且让这个id属性等于imgData(设置i蟠校盯昂d属性,是为了让css通过i颊俄岿髭d选项来选择,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教程 互不相同且无重复数字的三位数
  • 热门搜索
    包菜怎么炒 怎么去火 监控摄像头怎么安装 消防员怎么考 饺子馅怎么调 小臂肌肉怎么练 猫发情怎么办 wifi密码怎么设置 星月菩提怎么盘 绿豆芽怎么发