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>

显示结果：

总结

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

相关阅读:
中国爱眼教育大会|2023山东眼健康产业展会|标展5500元
轻松掌握视频制作技巧：批量分割长视频的详细步骤
编码文字使用整数xyz 三个坐标并使用
047_第三代软件开发-日志分离
CPU占用过高分析
第05篇:手写JavaRPC框架之执行层思路
解决flex布局space-between 最后一行不对齐的问题
SpringBoot2.X与redis Lettuce集成踩坑
C++编程笔记(GPU并行编程-2)
Oracle EBS 部署JSP

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