zoukankan      html  css  js  c++  java
  • 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,复数为正



  • 相关阅读:
    前端开发拥有属于自己的云服务器能做什么?
    C语言编译、链接和运行详解
    C程序运行机制概述
    Java之顺序查找
    C语言注释
    C转义字符
    Java之二维数组基本使用
    Java之类与对象基本使用
    分享些发表技术类文章的平台
    解决蓝奏云链接无法访问问题
  • 原文地址:https://www.cnblogs.com/a199706/p/11052527.html
Copyright © 2011-2022 走看看