CSS5 其他常用控件

链接

链接不同于其他的标签，除了基本的文字设定。他可以点击，可以显示未点击，滑动到链接上，点击链接时，点击后的状态。
a:link {} /* 未访问链接*/
a:visited {} /* 已访问链接 /
a:hover {} / 鼠标移动到链接上 /
a:active {} / 鼠标点击时 */
实例：
开始为黑色，经过时变为粉色，点击时为蓝色，点击后为绿色。还可以设置其他的属性

    <style>
        a:link {color:#000000;}      /* 未访问链接*/
		a:visited {color:#00FF00;}  /* 已访问链接 */
		a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
		a:active {color:#0000FF;}  /* 鼠标点击时 */
    </style>

列表

列表分为有序列表和无序列表。

设定标志符号图形，list-style-type属性

1.可用参数
太多了，不列出
http://www.runoob.com/cssref/pr-list-style-type.html
注意无序列表和有序列表的标志符号图形不能相互使用，否则列表就会转化成 标志符号对应的列表
2.实例

    <style>
        ol
        {list-style-type:upper-roman;}
        ul
        {list-style-type:circle;}
    </style>

设置标志符号图片 list-style-image属性

设置自定义的图形作为标志符号
1.可用参数

值	描述
URL	图像的路径。
none	默认。无图形被显示。
inherit	规定应该从父元素继承 list-style-image 属性的值

2.实例
如果同时设置了标志符号图片和标准的标志符号，那么图片会覆盖标准符号

        ol
        {
            list-style-image:url('2.png');
            list-style-type:upper-roman;
        }
        ul
        {
            list-style-image:url('2.png');
            list-style-type:circle;
        }

设置标志符号的位置， list-style-position属性

1.可用属性

值	描述
inside	列表项目标记放置在文本以内，且环绕文本根据标记对齐。
outside	默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。
inherit	规定应该从父元素继承 list-style-position 属性的值。

2.实例

    <style>
        ol
        {
            list-style-position: inside;
        }
        ul
        {
            list-style-position: outside;
        }
    </style>

总体设置列表标志符号，list-style属性

可以设置的属性（按顺序）： list-style-type, list-style-position, list-style-image.

可以不设置其中的某个值，比如 “list-style:circle inside;” 也是允许的。未设置的属性会使用其默认值。

表格