CSS 实用实例(推荐)-前端--易笔记-weiyer.com

　　核心提示：Background背景设置背景颜色body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-col...

Background 背景设置背景颜色

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

设置一张图片做为背景

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

垂直重复背景图片

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

水平重复背景图片

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

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

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

背景不滚动

<html> 
<head> 
<style type="text/css"> 
body 
{ 
background-image: 
url('http://www.blueidea.com/articleimg/2006/07/3744/smiley.gif'); 
background-repeat: 
no-repeat; 
background-attachment: 
fixed 
} 
</style> 
</head>

<body> 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
The image will not scroll with the rest of the page 
</body>

</html>

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

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

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

CSS 实用实例(推荐)

时间：2006/7/19 点击：

本类热门

本类推荐

本类固顶

CSS 实用实例(推荐)

时间：2006/7/19 点击：

您可能感兴趣的文章

相关评论

发表我的评论

本类热门

本类推荐

本类固顶