5、css学习5(链接、列表)

1、css可以设置链接的四种状态样式。

  • a:link - 正常,未访问过的链接
  • a:visited - 用户已访问过的链接
  • a:hover - 当用户鼠标放在链接上时
  • a:active - 链接被点击的那一刻

2、 a:hover 必须在 a:link 和 a:visited 之后, a:active 必须在 a:hover 之后,需要严格按顺序才能看到效果。

3、text-decoration 属性主要用于删除链接中的下划线。



    
        
        CSS学习之链接
        
    
    
        

这是一个链接

注意: a:hover 必须在 a:link 和 a:visited 之后,需要严格按顺序才能看到效果。

注意:a:active 必须在 a:hover 之后。

运行结果:

5、css学习5(链接、列表)_第1张图片

 



    
        
        有序、无序列表
        
    

    
        

无序列表实例:

  • PHP
  • JAVA
  • PYTHON
  • PHP
  • JAVA
  • python

有序列表实例:

  1. PHP
  2. JAVA
  3. python
  1. PHP
  2. JAVA
  3. python

移除列表默认前标:

  • PHP
  • JAVA
  • python

运行结果:

5、css学习5(链接、列表)_第2张图片

 

你可能感兴趣的:(CSS学习,学习,css)