当前位置: 首页 > 网络学院 > 网页制作基础教程 > CSS > CSS 实例
Background背景
Set the background color
怎样为元素设置背景颜色
Set an image as the background
设置一张图片做为背景
How to repeat a background image
重复背景图片
How to repeat a background image only vertically
垂直重复背景图片
How to repeat a background image only horizontally
水平重复背景图片
How to place the background image
怎样放置背景图片(位置摆放)
A fixed background image (this image will not scroll with the rest of the page)
固定背景图片(不会滚动)
All the background properties in one declaration
背景属性一行解决(用一行文字定义背景属性)
Text文字
Set the color of the text
设置文字颜色
Specify the space between characters
指定字符间的距离
Align the text
对齐文字
Decorate the text
文字的修饰
Indent text
文字的缩进
Control the letters in a text
控制文字字符(大小写)
Font字体
Set the font of a text
设置文字的字体
Set the size of the font
设置文字的大小
Set the style of the font
设置文字的样式
Set the variant of the font
字体变形
Set the boldness of the font
设置文字的粗细
All the font properties in one declaration
所有文字的属性一行解决
Border边框
Set the style of the four borders
设置四边框的样式
Set different borders on each side
设置各边的边框
Set the color of the four borders
设置四边框的颜色
Set the width of the bottom border
设置底边框的宽
Set the width of the left border
设置左边框的宽
Set the width of the right border
设置右边框的宽
Set the width of the top border
设置上边框的宽
All the bottom border properties in one declaration
所有底边框的属性一行解决
All the left border properties in one declaration
左....
All the right border properties in one declaration
右.....
All the top border properties in one declaration
上.....
All the width of the border properties in one declaration
所有边框的宽度属性一行解决
All the border properties in one declaration
所有边框的属性一行解决
Margin外补丁(边距)
Set the left margin of a text
设置文字的左边距
Set the right margin of a text
右....
Set the top margin of a text
上....
Set the bottom margin of a text
下....
All the margin properties in one declaration
所有边距属性一行解决
Padding内补丁(填充)
Set the left padding of a tablecell
左单元格填充
Set the right padding of a tablecell
右...
Set the top padding of a tablecell
上...
Set the bottom padding of a tablecell
下...
All the padding properties in one declaration
所有填充属性一行解决
List列表
The different list-item markers in unordered lists
无序列表的不同项目标号
The different list-item markers in ordered lists
有序的...
Set an image as the list-item marker
设置一个图片做为标号
Place the list-item marker
放置标号
All list properties in one declaration
所有列表属性一行解决
Dimension维度
Increase the space between lines
增加两行间距
Classification分类
How to display an element?
怎样显示一个元素?
A simple use of the float property
一个简单的浮动属性使用
An image with border and margins that floats to the right in a paragraph
一个有着边框和边距的图象浮动到一个段落的右边
An image with a caption that floats to the right
一个带说明的图片浮动到右边
Let the first letter of a paragraph float to the left
让一个段落中首个字母浮动到左边
Creating a horizontal menu
建立水平菜单
Position an element relative to its normal position
将一个元素的相对定位到它的正常位置
Position an element with an absolute value
用一个绝对值来定位一个元素
How to make an element invisible
怎样让一个元素不可见
Change the cursor
改变鼠标样子
Positioning定位
Position an element relative to its normal position
相对定位
Position an element with an absolute value
绝对定位
Set the shape of an element
设置元素的大小
What should happen when an element's content is too big to fit in a specified area
当元素的内容超过一个指定的范围时会发生什么
Vertical alignment of an image
一个图片的垂直对齐
Place an element "behind" another element
将一个元素放到另一个元素的后面
Place an element "behind" another element 2
将一个元素放到另一个元素的后面2
Pseudo-classes伪类
Add different colors to a hyperlink
给超级链接加上不同的颜色
Add other styles to hyperlinks
给超级链接增加其他样式
The use of the :first-child pseudo-class
使用:first-child伪类
The use of the :lang pseudo-class
使用:lang伪类
Pseudo-elements伪元素
Make the first letter special in a text
让文字的第一个字母特殊化
Make the first line special in a text
让文字的第一行特殊化