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

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

CSS样式表: CSS教程:表格不被撑开的解决办法; 网页制作教程:简单总结CSS的基础属性; css文件不能被正常载入的问题解决方法; css模块化的思想让后期维护变得简单; 凹陷文字推荐; CSS 实用实例(推荐); 标准化：表格; 一个导航条布局的简单写法; CSS实现阴影文字效果; 全面考察“禁用浏览器后退”; 让2个DIV居中并排显示; 从gb到utf-8; 以前写的两个CSS树形菜单; 何为“VML”、VML的基底知识; Meta标签详解; 学习标准：笔记; 多中语言实现判断客户访问用得是那个域名然后转到对应的目录; 解决IE5/IE5.5/IE6/FF的兼容性问题：CSS; CSS网页布局入门教程9：用CSS设计网站导航：横向导航; web标准知识：从p开始，循序渐进

No. « ‹ 72 73 74 75 › »

技术文章搜索

关键字

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

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

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