4. CSS 背景和鼠标属性

背景相关属性

• 背景颜色：backgroup-color: transparent; 默认值是透明

• 背景图片：backgroud-image: url(路径)

• 设置背景图片的重复方式：background-repeat: repeat-x

  • no-repeat：不重复
  • repeat-y：垂直铺满
  • repeat：重复铺满

• 设置背景图片的位置：
  1）background-position: left top;（x y 左上角）

  • 水平或垂直方向未指定，默任是center
  • center center 位于正中心
  • x: left、right、center
  • y: top、right、center
    2）background-position: 10px 20px; 相对于左上角（x,y）

• 复合属性：background: green url(路径) no=repeat 300px

鼠标

      div{
            cursor: move;
            background-color: aqua;
            width: 20px;
            height: 100px;
            cursor: pointer;
        }

cursor常用值

• pointer：小手
• move：移动图标
• crosshair：十字架
• wait：等待
• help：帮助
• cursor:url("路径"),pointer: 自定义鼠标