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

CSS/HTML

JavaScript ASP.NET PHP编程正则表达式 AJAX相关 ASP编程 JSP编程编程10000问 CSS/HTML Flex 脚本加解密 web2.0 XML/RSS 网页编辑器相关技巧安全相关网页播放器 Dart Vue.js

上一篇: 给超级链接增加其他样式下一篇:css静态滤镜

CSS 实用实例(推荐)

发布时间：2022-04-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了CSS 实用实例(推荐)，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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