• 3.3背景平铺

    提示：如果需要在HTML页面上对背景图片进行图像平铺，可以使用background--repeat属性。

    1、语法：

                   div{

                      background-repeat："repeat-no";

                        }

    background--------背景

    repeat------------平铺

    属性值：

    1、repeat-------平铺

    2、repeat-no--------不平铺

    3、repeat-x----------x轴平铺

    4、repeat-y----------y轴平铺

    注意：

    一般情况下默认不是平铺。

    自己代码展示:

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>背景平铺title>
    9.     <style>
    10.         div {
    11.             width: 500px;
    12.             height: 250px;
    13.             background-image: url(image.jpg);
    14.             /* 这里“background-image”表示图片、后面有两个属性一个是：
    15.             none表示没有、
    16.             另一个表示url表示图片位置，这里位置分为相对路径和绝对路径 */
    17.             background-repeat: repeat-no;
    18.             /* 这里表示平铺背景：有四种属性值
    19.             第一种是：repeat表示平铺
    20.             第二种是：repeat-no表示不平铺
    21.             第三种是：repeat-x表示x方向平铺
    22.             第四种是:rcepeat-y表示y方向平铺 */
    23.         }
    24.     style>
    25. head>
    26.  
    27. <body>
    28.  
    29.     <div>小猪佩奇div>
    30.  
    31. body>
    32.  
    33. html>

    显示结果：

     

    总结

    提示：这里对文章进行总结：
    例如：以上就是今天要讲的内容，本文仅仅简单介绍了如果需要在HTML页面上对背景图片进行图像平铺，可以使用background--repeat属性。

  • 相关阅读:
    Win11安装redis 数据库以及redis desktop manager的下载
    “金九银十”跳槽季？知道这3点的人，今年都不会轻易动
    生命形式问题
    MySQL进阶_3.性能分析工具的使用
    线程池简介及其简单实现
    【00】神经网络之初始化参数
    计算机网络基础知识1
    STL算法的整理
    CMake编译 oss -cpp-sdk arm列子
    MATLAB矩阵的行列式、MATLAB逆矩阵
  • 原文地址：https://blog.csdn.net/qq_62865634/article/details/126569574