CSS 实用实例(推荐)

2016-11-23
来源：阿龙网
作者：
人气：0
评论：0

Background背景设置背景颜色 body {background-color: yellow} h1 {background-color: #00ff00} h2 {background

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 wi(wWw.AlonelY.coM.cn)ll 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布局实例 html css实例教程

感觉不错，赞哦！ 0

转载请注明来自百度排名优化 /Html-CSS/20161123/69404.html

网友评论

共有0条评论

CSS 实用实例(推荐)

相关推荐

网友评论

热门评论

热门排行

图文信息

CSS超级技巧大放送合集

3个效果超酷的FORM表单美化效果打包下载

首届世界CSS设计大赛结果揭晓

web标准布局实例教程，用定位轻松解决CSS复

给图片加阴影效果的CSS

HTML表单元素覆盖样式元素问题及其补救之道

CSS滤镜示范(filter)附源代码(静态滤镜)

top、clientTop、scrollTop、offsetTop

典型的三行二列居中高度自适应布局

文字应用css滤镜集锦

相关专题

最新信息