CSS 实例

CSS背景

设置页面的背景颜色

设置不同元素的背景颜色

设置一个图像作为页面的背景

错误的的背景图片

如何在水平方向重复背景图像

如何定位背景图像

一个固定的背景图片(这个图片不会随页面的其余部分滚动)

在一个声明的所有背景属性

高级的背景例子

背景属性的解释

CSS文本

设置不同元素的文本颜色

文本对齐

移除链接下划线

装饰文字

控制文本中的字母

缩进文本

指定了字符之间的空间

指定了行与行之间的空间

设置元素的文本方向

增加单词之间的空格

在一个元素内禁用文字换行

内部文字图像的垂直对齐

 

Text属性的解释

CSS的字体

设置文本的字体

设置字体大小

用px设置的字体的大小

用em设置的字体的大小

用百分比和em设置字体的大小

设置字体样式

设置字体的异体

设置字体的粗细

在一个声明的所有字体属性

 

Font属性的解释

CSS链接

为访问/未访问链接添加不同的颜色

在链接上使用文本装饰

指定链接的背景颜色

超链接添加其他样式

高级 - 创建链接框

 

链接属性的解释

CSS列表

列表中所有不同的列表项标记

设置作为列表项标记的图像

使用Crossbrowser解决方案设置一个列表项标记的图像

在一个声明中的所有列表属性

 

列表属性的解释

CSS表格

指定一个表的Th,TD元素和黑色边框

使用border-collapse

指定表格的宽度和高度

设置内容的水平对齐方式(文本对齐)

设置内容的垂直对齐(垂直对齐)

指定TH和TD元素的填充

指定表格边框的颜色

设置表格标题的位置

创建一个奇特的表

 

表格属性的解释

CSS盒模型

指定元素的总宽度为250像素

使用Crossbrowser解决方案指定元素的总宽度为250像素的

 

盒模型的解释

CSS边框

设置四个边框的宽度

设置上边框的宽度

设置底部边框的宽度

设置左边框的宽度