页面背景固定

erdouzhang

于 2017-05-10 20:06:45 发布

阅读量317

点赞数

CC 4.0 BY-SA版权

分类专栏： css3 html+css

本文链接：https://blog.youkuaiyun.com/erdouzhang/article/details/71577562

css3 同时被 2 个专栏收录

35 篇文章

订阅专栏

html+css

25 篇文章

订阅专栏

本文介绍了如何使用HTML和CSS创建页面背景固定的技巧。通过示例代码，展示了将背景图片或颜色固定在浏览器窗口中的方法，确保背景在页面滚动时始终保持不变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在线演示

这里写图片描述

html：

<body>
    <h1>Woman</h1>
    <p>Every woman is ... You are worth it! </p>
</body>

css：

body {
    background: url(images/08.jpg) no-repeat 50% 0  #B94547;/*#B94547给背景添加颜色*/
    margin: 10% 20%;
    color: #fff;    
    background-attachment: fixed;/* 背景图片固定，不随文字的滚动而滚动 */        
}
h1 {
    text-transform: uppercase; /*英文字母全部大写*/
    border-bottom: 2px solid #fff;
    padding-bottom: 50px;
}
p {
    font-size: 20px;
}