<font color=red>CSS 实用实例(推荐)__the_scroll_image_This_page_

当前位置: 编程技术>WEB前端

<font color=red>CSS 实用实例(推荐)

来源: 互联网发布时间：2014-09-06

本文导语: Background 背景设置背景颜色 body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} This is header 1 This is header 2 This is a paragraph [Ctrl+A 全选注:如需引入外部Js需...

Background 背景设置背景颜色

body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} This is header 1 This is header 2

This is a paragraph

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

设置一张图片做为背景

body { background-image: url('/articleimg/2006/07/3744/bgdesert.jpg') }
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

垂直重复背景图片

body { background-image: url('/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: repeat }
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

水平重复背景图片

body { background-image: url('/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: repeat-x }
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

怎样放置背景图片（位置摆放）

body { background-image: url('/articleimg/2006/07/3744/bgdesert.jpg'); background-repeat: no-repeat; background-position: center; }
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

背景不滚动

body { background-image: url('/articleimg/2006/07/3744/smiley.gif'); background-repeat: no-repeat; background-attachment: fixed }

The image will not scroll with the rest of the page

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

背景属性一行解决（用一行文字定义背景属性）

body { background: #00ff00 url('/articleimg/2006/07/3744/smiley.gif') no-repeat fixed center; }

This is some text

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

css font缩写总结附实例

<font color=red>又一个典型css实例

<font color=red>去html代码的正则推荐

本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。