在css中 ， 可以使用background-position来调整背景图片的位置 。 下面小编举例讲解css怎么调整背景图片的位置 。
文章插图
需要这些哦
html+jquery
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解css怎么调整布景图片的位置 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 用于测试 。
文章插图
3在test.html文件内 ， 给div标签添加一个class属性 ， 用于下面设置样式 。
文章插图
4在css标签内 ， 经由过程class设置div的样式 ， 界说其宽度为400px ， 高度为300px,边框为1px ， 布景图片为3.jpg 。
文章插图
5在css标签内 ， 再经由过程background-position属性设置布景图片的位置 ， 设置其距离左边为10px ， 距离上边30px 。
文章插图
6在浏览器打开test.html文件 ， 查看实现的结果 。
文章插图
总结：11、利用div标签建立一个模块 ， 给div标签添加一个class属性 。
【css怎么调整背景图片的位置】2、在css中 ， 经由过程background-position属性设置布景图片的位置 。
注重事项background-position第一个值是程度位置 ， 第二个值是垂直 。
以上内容就是css怎么调整背景图片的位置的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 手机充值记录怎么查询
- 怎么观看央视云直播节目
- 抖音位置怎么设置 抖音如何更改位置
- 电脑自动更新怎么关闭
- 支付宝付款码在哪里 怎么样放到桌面快捷方式
- 零基础学AI绘图，怎么画树枝
- 电脑找不到本地连接怎么办
- 照片 手机相册图片怎么设置私密
- Excel怎么使用平方根函数SQRT
- 数学总是学不好怎么办？