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

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

CSS样式表: base href 使用方法详解; html label标签的使用教程; 使用CSS不用程序实现文字自动截断用省略号代替; CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法; 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容; CSS图片拼合生成器只需上传zip包即可; 用iframe margin实现调用其他网页的某一区域的方法; 用css alpha 滤镜实现input file 样式美化代码; RGB 加成色说明; 为了防止乱码，请将用于页面编码的meta charset放到title的前面; DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags; 大家看了就明白了css样式中类class与标识id选择符的区别小结; DL.DT.DD实现左右的布局简单例子; css布局网页水平居中常用方法; 使用CSS框架布局的缺点和优点小结; Web2.0下XHTML+CSS 设计需要注意的地方小结; table高级应用把表格进行到底(必看); css强制换行 css强制不换行的css方法; Div CSS absolute与relative的区别小结; css实现文字垂直居中的代码

No. « ‹ 42 43 44 45 › »

技术文章搜索

关键字

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

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

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