a pseudo label class style, shape of the mouse, background image and positioning, list styles

A, a label mouse movement:

• 1, when the style of mouse unvisited link
•  2, after the visited access style mouse.
•  3, when the style of hover mouse over.
•  4, active but did not release the mouse to click style.
• E.g:

• / * When the tag is not a style access time * / 
      a: Link { 
          font - size: 15px; 
          Color: Red; 
          text - Decoration: none;
   / *             Clear underlined * / 
      } 
      / * a mouse over the tab style * / 
      a: hover { 
          Color: Green; 
          text - Decoration: underline;
           / * underlined * / 
      } 
      / * a tag is accessed after the pattern * / 
      a: visited { 
          font - size: 20px; 
          Color: Yellow; 
          text -decoration: Line- through;
          / * Remove line * / 
      } 
      / * When the mouse put up but did not release * / 
      A: {Active 
          Color: Pink; 
          font - weight: Bold; 
          text - Decoration: overline;
           / * top chain line * / 
      }

  Key:

        hover elements can be defined in any style after a rollover.

      As: p: hover {

      color：red；

       } P label the text displayed in red when the mouse slides.

Second, the deformation of the mouse
        cursor: pointer mouse smaller hands. You can also deform

  

Third, the list style, ordered list and unordered list

         1, adjusting the font formats: List-style-of the type: Lower Roman;
          2, set the background picture: list-style-image;

Four: background image
        1 background image: background-Image
        2, Image positioning background: background-position: 0px 0px, the complex is positive

Reproduced in: https: //www.cnblogs.com/a199706/p/11052527.html