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

网站建设套定额公司英文网站

news 2025/11/6 20:11:10

网站建设套定额,公司英文网站,网站开发会议议程范文,二手物品交换网站建设本节学习：CSS 背景属性本节视频 https://www.bilibili.com/video/BV1n64y1U7oj?p25 背景颜色背景图片不重复横向重复纵向重复双向重复背景图片大小 400px 600px 原图大小显示器宽度不够时&…

本节学习：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>