CSS 实用实例(推荐)

时间：2021-03-22 09:09:47|栏目：HTML代码|点击：次

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需再刷新一下页面才能执行]

上一篇：DIV+CSS布局的网站对网站SEO的影响分析

栏目：HTML代码

下一篇：CSS学习笔记Padding 属性中参数的定义与使用

本文标题：CSS 实用实例(推荐)

本文地址：http://www.codeinn.net/misctech/85776.html

更多HTML代码

HTML代码

CSS 实用实例(推荐)

阅读排行

推荐教程