跳转到主要内容
你行网

Main navigation

  • 首页
  • Drupal
  • 编程与开发
  • 数据库
  • 操作系统与应用
  • 服务器与运维
  • 社区
User account menu
  • 登录

面包屑

  1. 首页

background-repeat 属性的作用

由 hrs, 26 八月, 2023

background-repeat是一个CSS属性,用于定义背景图像在元素内如何平铺重复。

该属性有以下几种取值:

repeat(默认值):背景图像在水平和垂直方向上平铺重复。

代码示例:

background-repeat: repeat;

repeat-x:背景图像在水平方向上平铺重复,垂直方向不重复。

代码示例:

background-repeat: repeat-x;

repeat-y:背景图像在垂直方向上平铺重复,水平方向不重复。

代码示例:

background-repeat: repeat-y;

no-repeat:背景图像不平铺重复,只显示一次。

代码示例:

background-repeat: no-repeat;

round:如果平铺重复背景图像的大小比容器大或无法整除容器大小,则对图像进行缩放,以使其适应容器大小,并保持图像的原始宽高比。

代码示例:

background-repeat: round;

space:如果平铺重复背景图像的大小比容器大或无法整除容器大小,则在图像之间均匀分布空白间隙,使图像与容器的边缘保持对齐。

代码示例:

background-repeat: space;
  • 登录或注册以发表评论

文章标签

  • CSS

评论

文章标签

CSS
Excel
ubuntu
php
vim
五笔
Linux
VPN
command
HTML
drupal 8
drupal 7
centos
composer
Mysql
drush
模块(module)
Drupal
JavaSrcipt
apache
drupal 9
英语
nerdtree
SEO
network
果树种植
surround
drupal10
主题(theme)
ssh
phpmyadmin
yum
二进制
权限
声音
ssl
selinux
HTML5
WireGuard
password
Dreamweaver
DDEV
flameshot
翻译
颜色
uploadprogress
firewalld
kernel
邮件验证
视图(views)
快捷键
gzip
xdebug
错误
电脑基础
ckeditor
C语言
简介
源地址
mbstring
certbot
php扩展
git
csharp
httpd
apt
电子秤
压缩解压
breadcrumb
表单
短信验证
AI
firmware
摄影
diff
superfish
重定向
drupal 11
网站备份
docker
版本号
tagclouds
java
RSS
adsense
电脑技巧
端口
KVM
simple_adsense
算法
youtube
JavaScript
cookie
badblocks
网站运营
计算机基础
RFID
zip
dns
标签优化
VUE
gimp
form
mod_expires 模块
赚钱
ip
http验证
curl
重定向,301
netstat
字段
maven
input
nginx
哈希值
npm
wps
更多

相关文章

  • 如何去掉input和button标签中间有缝隙
  • CSS 基础学习-254 css使用 opacity 定义颜色
  • CSS 基础学习-253 css使用用 HSL 值定义颜色
  • CSS 基础学习-252 css使用RGBA 值定义颜色
  • CSS 基础学习-251 css使用background-clip属性
  • CSS 基础学习-250 css使用background-origin属性
  • CSS 基础学习-249 css使用不同的属性来创建背景图像
  • CSS 基础学习-248 css全尺寸背景图像
  • CSS 基础学习-247 css使用多个背景图像
  • CSS 基础学习-246 css使用contain和cover设置背景图像
RSS源

友情链接 网站地图 版权信息 联系我们 网址导航 社区

Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号