当前位置: 首页 > news >正文

QD1-P25 CSS 背景

本节学习:CSS 背景属性


本节视频

https://www.bilibili.com/video/BV1n64y1U7oj?p=25


  • 背景颜色

Clip_2024-10-13_14-18-42

  • 背景图片

不重复

Clip_2024-10-13_14-20-57

横向重复

Clip_2024-10-13_14-21-50

纵向重复

Clip_2024-10-13_14-22-47

双向重复

Clip_2024-10-13_14-23-42

  • 背景图片大小

400px

Clip_2024-10-13_14-24-47

600px

Clip_2024-10-13_14-25-09

原图大小

Clip_2024-10-13_14-26-28

  • 显示器宽度不够时,显示图片的一部分

Clip_2024-10-13_14-29-16

本节HTML

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>P25-CSS背景</title><style type="text/css">body {/* 设置元素的背景色 */background-color: #666666;/* 元素的背景图片,默认备机重复显示 */background-image: url("./src/示例照片2.png");/* 设置被禁图片是否重复no-repeat  不重复repeat-x 横向重复repeat-y 纵向重复repeat  横向纵向都重复*/background-repeat: repeat;/* 设置图片大小 */background-size:600px;}</style></head><body></body>
</html>

示例照片2.png

示例照片2

http://www.lryc.cn/news/459370.html

相关文章:

  • 《Linux运维总结:基于ARM64+X86_64架构CPU使用docker-compose一键离线部署mongodb 7.0.14容器版分片集群》
  • Java利用ChromeDriver插件网页截图(Wondows版+Linux版)
  • 无人机之交互系统篇
  • MarsCode--找出数字比例超过n/2的【简单】
  • Python网络爬虫快速入门指南
  • C86 架构一键离线安装 docker 和 docker-compose 实战指南
  • 【LwIP源码学习2】调试输出相关宏
  • Python 列表专题:删除元素
  • Spring Boot 快速入门与核心原理详解
  • UniApp 与微信小程序详细对比
  • 【用大模型提示工程处理NLP任务】
  • 适配器模式、代理模式(C++)
  • unity 2d 近战攻击判定的三种方式以及精确获取碰撞点
  • 矩形函数的傅里叶变换——从一维到二维,从连续到离散
  • 潜水打捞系统助力,破解汽车打捞难题
  • 【深度学习】经典的深度学习模型-01 开山之作:CNN卷积神经网络LeNet-5
  • LeetCode 每日一题 2024/10/7-2024/10/13
  • ZYNQ使用XGPIO驱动外设模块(前半部分)
  • 【FastAdmin】全栈视角下的页面跳转实现:从原生html、javascrpt、php技术到jQuery、FastAdmin框架
  • 从零开始搭建一个node.js后端服务项目
  • 自定义注解和组件扫描在Spring Boot中动态注册Bean(一)
  • 如何在 IDEA 中导入 Java 项目的 Git 仓库并启动
  • BIO与NIO学习
  • 麒麟操作系统:解决umount命令卸载USB存储设备时报“device is busy”错误
  • Git客户端使用之TortoiseGit和Git
  • regionprops函数详解及应用
  • FPAG学习(5)-三种方法实现LED流水灯
  • 科迅网络阅卷系统存在存储型XSS漏洞
  • 【AAOS】Android Automotive 11模拟器源码下载及编译
  • 鹏哥C语言74---第12次作业:OJ题练习