2.1背景位置——精确单位

提示：背景位置精确单位。

1、语法：

div{

background-image：url（图片位置）；

background-position：20px 50px;

}

background-image：url（）

两个属性值： none

url

background-position：20px 50px；

第一个值表示x轴为20像素

第二个值表示y轴为50像素

background-position：20px；

只写一个值，则另一个一定默认为居中

自己代码展示：


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>精确单位title>
    <style>
        body {
            background-image: url(wzbj.jpg);
            /* 图片背景 */
            background-repeat: no-repeat;
            /* 平铺背景-属性值表示不要平铺 */
            background-position: 20px 50px;
            /* 这个表示图片精确位置；两个值是表示精确、x轴20px、y轴50px */
            /* 这个50像素（px）表示上向下顶 */
        }
    style>
head>
 
<body>
 
 
body>
 
html>

显示结果：

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了背景位置精确单位。

相关阅读:
Ansible初识、提高小记（基于CentOS7.5,附带实验源文件）
04、※NIO的理解、NIO的概念、缓冲区的读取数据、mark标志位置、reset回设的操作和通道文本数据获取与文本写出
Java / MybatisPlus：JSON处理器的应用，在实体对象中设置对象属性，对象嵌套对象
Quartz高可用定时任务快速上手
一种新的爬虫网络解锁器
Idea借助Maven插件生成项目骨架archetype
毕业设计 stm32单片机的家庭成员监控监护系统 - 物联网嵌入式
现代企业管理笔记——企业概论
使用curl命令传输数据
OpenCV实战——使用YOLO进行目标检测

原文地址：https://blog.csdn.net/qq_62865634/article/details/126688411