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: 自定義滑鼠