您现在的位置是：网站首页> 编程资料编程资料

CSS 实用实例(推荐)_CSS/HTML_

2023-05-25 312人已围观

简介 CSS 实用实例(推荐)_CSS/HTML_

Background 背景设置背景颜色

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

设置一张图片做为背景

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

垂直重复背景图片

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

水平重复背景图片

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

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

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

背景不滚动

<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><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p><p>The image will not scroll with the rest of the page</p>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

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

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：css静态滤镜_CSS/HTML_

下一篇：给超级链接增加其他样式_CSS/HTML_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网