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

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

CSS样式表: 验证并修复css错误内容的相关工具; 分享3个比较实用的CSS页面框架布局; CSS幻灯片教程:制作高效可维护组件化的CSS代码; 网页制作基础知识:html特殊符号; CSS教程:按整洁易懂的结构组织CSS样式; 查看和编辑CSS中用到的颜色:CSS Prism; 帮助你学习CSS的在线CSS工具网站; CSS网页设计参考:把HTML标记分类; CSS进阶:几个Reset CSS的八卦问题; WEB设计技巧:网页虚线制作方法剖析; WEBJX收集CSS格式化和造型网页高级教程; CSS3教程:在CSS中使用的颜色; 学习WEB标准心得:网页重构的思路; 轻易创建css导航工具:CSS Tab Designer2; 总结学习web标准的十个重要理由; CSS实例教程:CSS制作星级评价的功能; CSS实例教程:纯CSS实现圆角框; 多个css、js文件自动合并、压缩; 网页设计教程:CSS文字排版技巧大全; Photoshop制作CSS网页制作的背景图

No. « ‹ 115 116 117 118 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 实用实例(推荐)