www.baike369.com
百科369 > 网页制作 > CSS教程

CSS教程

CSS定义链接未访问的显示效果的代码设置实例

CSS定义链接未访问的显示效果的代码设置实例

在CSS中,使用:link伪类可以定义链接未访问时的各种显示效果。:link伪类的使用方法如下所示:实例使用:link伪类的实例的源代码如下:执行效果如下:...

CSS表格的单元格与嵌套的<div>元素的代码设置实例

CSS表格的单元格与嵌套的<div>元素的代码设置实例

在表格中,单元格宽度和高度之间存在着制约关系:当某个单元格内容变动的时候,相关联的行或列都会自动地适应单元格的变化。在使用嵌套的<div>元素进行布局的时候,并列的<div>元素之间各自独立显示,无法...

CSS表格确定多行或多列的宽度或高度的代码设置实例

CSS表格确定多行或多列的宽度或高度的代码设置实例

在表格的同行或同列中,每个单元格中都定义了宽度或者高度属性值,并且所有单元格宽度或高度之和与表格的宽度或高度不相等,此时每个单元格将按照各自定义的宽度比例确定最终的宽度。同时,每个单元格都保持着各自的...

CSS表格确定单行或列的宽度和高度的代码设置实例

CSS表格确定单行或列的宽度和高度的代码设置实例

在使用表格元素的时候,表格中存在多个行或列,同时在每个单元格中都可以定义宽度和高度。当在某一列的单元格中定义的宽度不同(并且不超过表格的宽度)时,会使用较大的宽度值。但是在某一行中,当定义了某个单元格...

CSS表格布局的代码设置实例

CSS表格布局的代码设置实例

使用CSS的table-layout属性可以定义表格和表格内容之间的关系。table-layout属性的语法结构如下:auto:表格按照单元格内容的多少自动分配各个单元格的宽度。fixed:表格按照单...

CSS表格标题位置的代码设置实例

CSS表格标题位置的代码设置实例

使用CSS的caption-side属性可以定义表格中标题的位置。只有在Firefox浏览器中,才能够正常显示表格标题位置的变化;也只有在表格中定义了<caption>标签,才能够正常修改表格中标题的...

CSS表格中单元格边框之间的距离的代码设置实例

CSS表格中单元格边框之间的距离的代码设置实例

使用CSS的border-spacing属性可以设置表格中相邻的单元格的边框之间的距离。1. 在CSS样式表中设置表格中相邻的单元格的边框之间的距离的样式规则。代码如下:table标签选择器通过bor...

CSS表格边框是否合并显示的代码设置实例

CSS表格边框是否合并显示的代码设置实例

使用CSS的border-collapse属性可以定义表格中的边框是独立显示还是合并显示。1. 在CSS样式表中设置表格边框是否合并显示的样式规则。代码如下:table标签选择器通过border属性将...

CSS更改嵌套列表中默认缩进的代码设置实例

CSS更改嵌套列表中默认缩进的代码设置实例

使用CSS样式规则可以更改嵌套列表中默认的缩进问题。1. 在CSS样式表中设置更改嵌套列表中默认缩进的样式规则。代码如下:在ul标签选择器中,通过margin属性将ul元素的四个外边距设置为0;通过p...

CSS更改无序列表中默认显示标记的代码设置实例

CSS更改无序列表中默认显示标记的代码设置实例

当我们使用CSS样式规则定义无序列表中的默认显示标记以后,还可以通过具体的样式规则来改变列表中的某一部分元素,使之显示为另外的标记来。1. 在CSS样式表中设置更改无序列表中默认显示标记的样式规则。代...

CSS嵌套列表的代码设置实例

CSS嵌套列表的代码设置实例

在嵌套的列表元素中,无论是无序列表<ul>标签还是有序列表<ol>标签,嵌套后的列表都会缩进显示。1. 在CSS样式表中设置嵌套列表的样式规则。代码如下:ul标签选择器将无序列表的background...

CSS列表元素外边距与内边距的代码设置实例

CSS列表元素外边距与内边距的代码设置实例

在CSS中,可以使用margin属性设置列表元素的外边距;使用padding属性设置列表元素的内边距。以便实现我们想要的显示效果。1. 在CSS样式表中设置列表元素外边距与内边距的样式规则。代码如下:...

CSS列表元素默认显示的代码设置实例

CSS列表元素默认显示的代码设置实例

在列表元素中,如果没有定义CSS列表属性,浏览器就会为列表元素定义默认的边距属性。1. 在CSS样式表中设置列表元素默认显示的样式规则。代码如下:div标签选择器将border属性值设置为2像素的黑色...

CSS列表代码设置实例

CSS列表代码设置实例

使用CSS的list-style属性可以统一定义列表的各种显示效果。1. 在CSS样式表中设置列表的样式规则。代码如下:li标签选择器将list-style属性值设置为620.gif图片,列表中的标记...

CSS列表标记位置代码设置实例

CSS列表标记位置代码设置实例

CSS的list-style-position属性用于定义列表中标记的显示位置。1. 在CSS样式表中设置列表中标记的位置的样式规则。代码如下:li标签选择器使用list-style-type属性定义...

Copyright© 2011-2016 www.baike369.com All Rights Reserved