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 |
不显示任何符号 |
本文介绍了如何使用CSS来美化和控制链接的外观。包括通过伪类`:link`、`:visited`、`:hover`、`:active`设置链接在不同状态下的样式,创建具有按钮效果的超链接,以及利用背景图片美化图文链接。此外,还提及了列表类型的设置技巧。
99

被折叠的 条评论
为什么被折叠?



