CSS学习<5>

一、CSS链接

CSS能够以不同的方式给链接设置样式。

链接的特殊性在于能根据他们所处的状态来设置样式。

链接的四种状态:

1.a:link        --普通的、未被访问的链接。

2.a:visited   --用户已访问的链接。

3.a:hover    --鼠标指针位于链接的上方。

4.a:active    --链接被点击的时刻。

在源码中,请保证此顺序定义,避免定义无效。

1.1、设置链接的文本颜色

采用内部样式表 

<!DOCTYPE html>

<html>

<head>

<style>

a:link {color : red;}

a:visited {color : green;}

a:hover {color : blue;}

a:active {color : black;}

</style>

</head>

</body>

<p><a href="http://www.baidu.com">此处链接</a></p>

</body>

</html>

1.2、文本修饰

文本修饰属性:text-decoration用于去掉链接中的下划线。

如:

<style>

a:link {text-decoration : none;}

a:visited {text-decoration : none;}

a:hover {text-decoration : underline;}

a:active {text-decoration : underline;}

</style>

1.3、链接背景色

链接背景色属性:background-color 规定链接的背景色。使用类似于链接文本颜色。

其他的很多属性,照样适用于链接中。且属性的使用方法大同小异。

二、CSS列表

2.1、列表类型

列表类型的属性为:list-style-type.属性对应的值为:disc(实心圆点)、circle(空心圆点)、square(实心方块)、none。

2.2、列表项图像

列表项图像的属性:list-style-image 其属性值为url(地址)。

如:

ul {list-style-image : url(/i/eg_arrow.gif);}

2.3、列表标志位置

列表标志位置的属性:list-style-position 其属性值为:inside、outside。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值