1.使用css设置链接
1.1改变文字链接外观
伪类中通过 :link、:visited、:hovor、:active来控制链接内容访问前、访问后‘鼠标悬停时、以及用户激活时候的样式。要注意的是,这四个顺序不可以修改,否则可能会无法实现。
1.2创建按钮样式的超链接
按钮样式的超链接是指就是将超链接的样式四个边框分别进行设置,左和上设置为加亮,右和下设置有阴影,这样当鼠标悬停时就有被按下的效果。
1.3图文链接
网页设计中对文字链接不只限于上述样式,还可以利用背景图片将文字链接美化
例如:
代码
正常样式
鼠标悬停时
2.设置列表类型
常用的list-style-type属性值
属性值 |
说明 |
disc |
标记是实心圆 |
circle |
标记是空心圆 |
square |
标记是实心正方形 |
decimal |
标记是数字 |
upper-alpha |
标记是大英文字母 |
lowe-alpha |
标记是小英文字母 |
upper-roman |
标记是大罗马字母 |
lower-roman |
标记是小罗马字母 |
none |
不显示任何符号 |