css中调整图片位置的方法 | 您所在的位置:网站首页 › html中设置图片位置 › css中调整图片位置的方法 |
css中调整图片位置的方法
发布时间:2020-12-16 09:42:45
来源:亿速云
阅读:1972
作者:小新
栏目:web开发
自动写代码机器人,免费开通
这篇文章主要介绍css中调整图片位置的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! css中调整图片位置的方法:1、使用position属性控制“ 下面我们来看一下css控制图片位置的方法详解: 1、使用position属性控制图片位置 css控制图片位置效果如下 position 属性规定元素的定位类型。 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 属性值: absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 inherit 规定应该从父元素继承 position 属性的值。 2、background-position属性设置背景图像的起始位置。 body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; }提示:您需要把 background-attachment 属性设置为 "fixed", 才能保证该属性在 Firefox 和 Opera 中正常工作。 效果如下: background-position 属性设置背景图像的起始位置。 这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。 提示:您需要把 background-attachment 属性设置为 "fixed",才能保证该属性在 Firefox 和 Opera 中正常工作。 以上是“css中调整图片位置的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道! 向AI问一下细节 推荐阅读: 将android中如何调整Toast位置? php调整图片大小的方法免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。 css 上一篇新闻:mysql批量修改字符集的方法 下一篇新闻:小程序怎么引入外部css 猜你喜欢 虚拟主机怎么打开iis Android备忘录功能怎么实现 linux开启ssh服务失败如何解决 android如何实现备忘录闹钟功能 虚拟主机操作系统如何选择 网站文件上传到虚拟主机的方法是什么 windows自带的防火墙怎么打开 Win11防火墙搜索不到东西如何解决 win10找不到防火墙如何解决 php代码执行过程是什么 |
CopyRight 2018-2019 实验室设备网 版权所有 |