CSS 实用实例(推荐)- CSS样式表 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS 实用实例(推荐)

CSS样式表: 网页设计关于WEB标准的相关问题汇总; 项目管理:交互-设计-制作三个角色的组合; 学习CSS制作网页总结的一些经验; 多个CSS样式表争夺特定选择符的控制权; 网页设计制作CSS实现隔行换色两种方法; CSS教程:DIV底部放置文字; CSS教程:CSS命名参考; CSS教程:控制网页文件大小通过精简CSS实现; CSS教程:关于文字溢出问题的研究; 符合web标准的嵌入Flash的方法; 学习WEB标准必备的四项技能; CSS对表格单元格强制换行和不换行; CSS制作符合网站标准的细线表格; 区分IE6,IE7和firefox的CSS hack; CSS教程:学习CSS的继承性; CSS教程:CSS兼容的技巧; CSS教程:浮动元素对浏览器的支持; 闭合浮动元素让CSS代码更规范; 深入分析网页CSS隐藏文字和以图换字技术; 看懂《CSS hack浏览器兼容一览表》

No. « ‹ 10 11 12 13 › »

技术文章搜索

关键字

CSS样式表中的 CSS 实用实例(推荐)

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 63 ::

收藏到网摘: n/a

凹陷文字推荐标准化：表格

Background 背景设置背景颜色

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

设置一张图片做为背景

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

垂直重复背景图片

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

水平重复背景图片

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

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

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

背景不滚动

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

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

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

凹陷文字推荐标准化：表格

CSS样式表 中的 CSS 实用实例(推荐)

评论 (0) All

CSS样式表中的 CSS 实用实例(推荐)