a标签伪类样式，鼠标形状，背景图片及定位，列表样式

一、a标签鼠标运动：

• 1、link鼠标未访问时的样式
•  2、visited鼠标访问后的样式。
•  3、hover鼠标经过时的样式。
•  4、active鼠标点击后但没有松开的样式。
• 例如：

• /*当a标签未被访问时候的样式*/
      a:link{
          font-size:15px;
          color:red;
          text-decoration: none;
  /*            清除下划线*/
      }
      /*a标签鼠标滑过的样式*/
      a:hover{
          color:green;
          text-decoration: underline;
          /*下划线*/
      }
      /*a标签被访问过后的样式*/
      a:visited{
          font-size: 20px;
          color:yellow;
          text-decoration:line-through;
          /*删除线*/
      }
      /*当鼠标放上去但没松开*/
      a:active{
          color:pink;
          font-weight:bold;
          text-decoration: overline;
          /*顶划线*/
      }

  重点：

        hover可以定义任何一个鼠标经过后的元素样式。

      如：p：hover{

      color：red；

       } p标签内文字在鼠标滑动时显示红色。

二、鼠标变形
        cursor:pointer鼠标变小手。还可以变形

  

三、列表样式，有序列表和无序列表

         1、调字体格式：list-style-type:lower roman;
          2、设置背景图片:list-style-image;

四：背景图片
        1、背景图片：background-image
        2、图片背景定位：background-position:0px 0px，复数为正

转载于:https://www.cnblogs.com/a199706/p/11052527.html