CSS 实例

CSS背景

设置页�的背景颜色

设置��元素的背景颜色

设置一个图�作为页�的背景

错误的背景图片

如何在水平方���背景图�

如何定�背景图�

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

声明背景属性

高级的背景例�

背景属性的解释

CSS文本

设置��元素的文本颜色

文本对�

移除链接下划线

装饰文字

控制文本中的字�

缩进文本

指定了字符之间的空间

指定了行与行之间的空间

设置元素的文本方�

增加��之间的空格

在一个元素内�用文字�行

内部文字图�的垂直对�

 

Text属性的解释

CSS的字体

设置文本的字体

设置字体大�

用px设置的字体的大�

用em设置的字体的大�

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

设置字体样�

设置字体的异体

设置字体的粗细

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

 

Font属性的解释

CSS链接

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

在链接上使用文本装饰

指定链接的背景颜色

超链接添加其他样�

高级 - 创建链接框

 

链接属性的解释

CSS列表

列表中所有��的列表项标记

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

使用跨�览器解决方案设置一个列表项标记的图�

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

css 移除列表项 li 默认样�

 

列表属性的解释

CSS表格

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

使用border-collapse

指定表格的宽度和高度

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

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

指定TH和TD元素的填充

指定表格边框的颜色

设置表格标题的�置

创建一个奇特的表

 

表格属性的解释

CSS盒模型

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

使用跨�览器的解决方案指定元素的总宽度为250�素的

 

盒模型的解释

CSS边框

设置四个边框的宽度

设置上边框的宽度

设置底部边框的宽度

设置左边框的宽度

设置�边框的宽度

 

设置四个边框的样�

设置上边框的样�

设置下边框的样�

设置左边框的样�

设置�边框的样�

 

设置四个边框的颜色

设置上边框的颜色

设置下边框的颜色

设置左边框的颜色

设置�边框的颜色

 

在一个声明中的所有边框属性

 

�边设置��的边框

在一个声明中的所有顶部边框属性

在一个声明中的所有下边框属性

在一个声明中的所有左边框属性

在一个声明中的所有�边框属性

 

边框属性的解释

CSS轮廓

围绕一个元素(outline),绘制一�线

设置轮廓的样�

设置轮廓颜色

设置轮廓的宽度

 

轮廓属性的解释

CSS边�

指定一个元素的边�

边�缩写属性

文本顶部边�设置的值使用厘米

使用百分比值设置文本的底部边缘

使用厘米值设置文本的左边�

 

Margin属性的解释

CSSå¡«å……

设置元素的左部填充

设置元素的�部填充

设置元素的顶部填充

设置元素的底部填充

在一个声明中的所有填充属性

 

padding属性的解释

CSS分组和嵌套

组选择器

嵌套选择器

 

分组和嵌套解释

CSS尺寸

使用�素值设置图�的高度

使用百分比设置图�的高度

使用�素值�设置元素的宽度

使用百分比�设置元素的宽度

设置元素的最大高度

使用�素值设置元素的最大宽度

使用百分比�设置元素的最大宽度

设置元素的最低高度

使用�素值�设置元素的最�宽度

使用百分比�设置元素的最�宽度

 

尺寸属性的解释

CSS显示

如何��一个元素(visibility:hidden)

如何�显示元素(display:none)

如何显示一个元素的内�元素

如何显示一个元素的�元素

如何使用表格的collapse属性

 

Display属性的解释

CSS定�

元素相对�览器窗�的�置

元素的相对定�

元素的�对定�

��的元素

设置元素的形状

如何使用滚动��显示元素内溢出的内容

如何设置�览器自动溢出处�

使用�素值设置图�的顶部

使用�素值设置图�的底部

使用�素值设置图�的左边

使用�素值设置图�的�边

更改光标

 

定�属性的解释

CSS浮动

简�的使用float属性

为图�添加边框和边�并浮动到段�的左侧

标题和图片��侧浮动

让段�的第一个字�浮动到左侧

使用float属性创建一个图片廊

开�float - clear属性

创建一个水平��

创建一个没有表格的网页

 

Float属性的解释

CSS对�元素

使用margin的中间调整

左/��置对�

使用跨�览器解决方案,设置左/��置对�

左/�对�,浮动

使用跨�览器解决方案,设置左/��置对�,浮动

 

对�属性解释

CSS生�的内容

把括�内的URL用content属性�入到�个链接��

章节和分节的编�是"第1节","1.1","1.2"等

quotes 属性指定了引�

CSS伪类

添加��颜色的超链接

给超链接添加其他样�

使用:焦点

:first-child - 匹�了第一个 p 元素

:first-child - 匹�了 p 元素中的第一个 i 元素

:first-child - 匹�了第一个p元素中的所有I元素

使用:lang

 

伪类的解释

CSS伪元素

把文本的第一个字�设为特殊的字�

把第一行文字设置为特殊

把第一行文字的第一个字�设置为特殊

使用:在一个元素之��入一些内容

使用:在一个元素之��入一些内容

 

伪元素的解释

CSS导航�

垂直导航�的全样�

水平导航�的全样�

 

导航�的解释

CSS图片廊

图片廊

 

图片廊解释

CSS图�的��明度

创建�明图� - 鼠标悬�效果

创建一个背景图�与文本的�明框

 

图�的��明度解释

CSS图�拼�

图�拼�

图�拼�-导航列表

悬�效果与图�拼�

 

图�拼�解释

CSS属性选择器

选择具有title属性的元素

选择标题=一个特定值的元素

选择标题=一个特定值的元素(使用(~)分隔属性和值)

选择标题=一个特定值的元素(使用(|)分隔属性和值)

 

属性选择器解释


CSS 应用实例

更多实例:https://c.runoob.com/examples/