CSS 实用实例(推荐)

更新时间：2006年07月19日 00:00:00 作者：

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静态滤镜
css静态滤镜...
2006-07-07
CSS锦囊
CSS锦囊...
2006-06-06
一个导航条布局的简单写法
[红色]一个导航条布局的简单写法...
2006-09-09
CSS圆角区块容器生成器
CSS圆角区块容器生成器...
2006-07-07
sass 常用备忘案例详解
这篇文章主要介绍了sass 常用备忘案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-09-09
div＋css布局入门
div＋css布局入门...
2006-09-09
推荐一个好看Table表格的css样式代码详解
这篇文章主要介绍了推荐一个好看Table表格的css样式代码详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-08-08
css实现的对联广告代码
本文章提供的对联广告是完全使用css实现的，并且兼容所有浏览器，包括各种ie,ff,gg浏览器哦，代码简洁好用
2013-11-11
flex布局下两端对齐，不满左对齐
这篇文章主要介绍了flex布局下两端对齐，不满左对齐,需要的朋友可以参考下
2022-12-12
样式表CSS布局经验
样式表CSS布局经验...
2006-09-09

CSS 实用实例(推荐)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具