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

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

CSS样式表: CSS样式表定义标签li前面样式; 符合标准的div css制作的弹出菜单; CSS实现在文章每段后面加入带连接的隐藏文字; CSS:浏览器特定选择器介绍; WEB标准学习,认识两种网页声明的含义; CSS样式表中继承关系的空格与不空格; CSS框架的利与弊(下); 让广告代码不影响网页站打开速度; CSS教程:position 绝对定位的问题; 标签增加CSS的overflow属性来清除浮动; 跨浏览器的CSS固定定位; IE7对css选择器的改进; IE7新支持的CSS属性和属性选择符; CSS设计符合Web标准的网页表单的几个技巧; HTML网页中无刷新的更换CSS样式; CSS定义网页局部链接的技巧; 关于学习DIV CSS的一些精妙问答; 论web标准的网页制作和符合web标准的网站UI; CSS学习者:2008年不要作浮躁的人; 学习CSS布局网页的一些实例

No. « ‹ 9 10 11 12 › »

技术文章搜索

关键字

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

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

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