使用CSS固定背景

2016-02-19 21:20 4 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的使用CSS固定背景,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

使用CSS可以固定背景,格式如下:

标签名{background-attachment:参数}

参数:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

fixed:页面滚动时,背景固定;

scroll:页面滚动时,背景滚动。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

实例:

html
style type="text/css"
!--
    p.1{ background-attachment:fixed;  background-repeat:no-repeat;background-image:url(mgc.jpg);font-size:100mm}
    p.2{ background-attachment:scroll;  background-repeat:no-repeat;background-image:url(mgc.jpg);font-size:100mm}
--
/style
head
    titleCSS/title
/head
body

    p class="1"fixed/p
    p class="2"scroll/p
   
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1625936.html

延伸阅读
标签: Web开发
本教程一共三个例子:1、设置背景颜色;2、设置文本的背景颜色;3、将图像设置为背景。 参考网页教学网关于CSS背景的理论知识:CSS教程(1):学习CSS背景相关知识 1、设置背景颜色 本例演示如何为元素设置背景颜色。 html head style type="text/css" body {background-color: yellow} h1 {background-color: #00ff00} h2 {backg...
标签: Web开发
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。 背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 这条规则把元素的背景设置为灰色: p {background-color: gray;} 如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内...
标签: Web开发
本教程介绍:1.如何仅显示一次背景图像,2.如何放置背景图像,3.如何使用%来定位背景图像。 参考网页教学网关于CSS背景的理论知识:。 1、如何仅显示一次背景图像 本例演示如何仅显示一次背景图像。 html head style type="text/css" body { background-image: url('/i/eg_bg_03.gif'); background-repeat: no-repeat } /style /...
标签: Web开发
本教程一共三个例子:1、如何重复背景图像;2、如何在垂直方向重复背景图像;3、如何在水平方向重复背景图像。 参考网页教学网关于CSS背景的理论知识:。 1、如何重复背景图像 本例演示如何重复背景图像。 html head style type="text/css" body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat } /style...
标签: Web开发
本CSS教程介绍:1.如何使用像素来定位背景图像,2.如何设置固定的背景图像,3.所有背景属性在一个声明之中。 参考网页教学网关于CSS背景的理论知识:。 1、如何使用像素来定位背景图像 本例演示如何使用像素来在页面上定位背景图像。 html head style type="text/css" body { background-image: url('/i/eg_bg_03.gif'); backg...

经验教程

318

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部