📄 8.html
字号:
<html>
<head>
<title>CSS Demo</title>
<style>
body { background-image: url(santa.jpg);
background-attachment: fixed; }
</style>
</head>
<body>
<p>对于默认HTML样式而言，一旦文档显示范围超过当前显示容器，浏览器就会提供滚动条以便浏览。而当用户拖动滚动条浏览文本的时候，背景图片会随着文本一起滚动，即默认的“scroll”属性值。用“粘连”这个词可以非常形象地描述这种依附方式。
<p>如果设计者想要让背景图片永远固定在下层，无论上层文本怎样滚动，背景图片都静止不动，就需要使用background-attachment属性，添加“fixed”属性值，就能够满足要求。
</p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -