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轴平铺

注意：

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

自己代码展示:


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>
        div {
            width: 500px;
            height: 250px;
            background-image: url(image.jpg);
            /* 这里“background-image”表示图片、后面有两个属性一个是：
            none表示没有、
            另一个表示url表示图片位置，这里位置分为相对路径和绝对路径 */
            background-repeat: repeat-no;
            /* 这里表示平铺背景：有四种属性值
            第一种是：repeat表示平铺
            第二种是：repeat-no表示不平铺
            第三种是：repeat-x表示x方向平铺
            第四种是:rcepeat-y表示y方向平铺 */
        }
    style>
head>
 
<body>
 
    <div>小猪佩奇div>
 
body>
 
html>

显示结果：

总结

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

相关阅读:
为paddle的multi-gpu安装NCCL
企业工程项目管理系统源码（三控：进度组织、质量安全、预算资金成本、二平台：招采、设计管理）
前端工作总结215-混入思路
学好 Yaml
Git 之 reset --hard 回退/回滚到之前的版本代码后，后悔了，如何在恢复之后的版本的方法简单整理
《工程伦理与学术道德》之《工程师的职业伦理》
【分享】xpath的路径表达式
NLP - 使用 transformers 翻译
安科瑞带防逆流功能的数据通讯网关-安科瑞黄安南
100道护网面试题大全（附答案）

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