CSS(層疊樣式表)是一種用來控制網頁樣式的語言。它可以改變文本的字體、顏色、大小、行距等等,同時也可以通過CSS設置鼠標的樣式。
通常,鼠標分為幾種不同的狀態:
普通狀態(鼠標未經過) 指針狀態(鼠標經過鏈接文本上) 文字選擇狀態(鼠標選中了文本) 等待狀態(鼠標等待某些特定元素載入) 添加狀態(點擊鼠標左鍵添加元素) 移動狀態(按住鼠標左鍵拖動元素) 禁止狀態(鼠標無法點擊某些元素)
那么,如何用CSS設置這些不同的狀態呢?下面是幾個基本的示例:
/* 設置普通狀態下的鼠標為默認狀態(箭頭): */ body { cursor: default; } /* 設置指針狀態下的鼠標為手形: */ a:hover { cursor: pointer; } /* 設置文字選擇狀態下的鼠標為文本選取樣式: */ p::selection { cursor: text; } /* 設置等待狀態下的鼠標為載入狀態: */ body { cursor: wait; } /* 設置添加狀態下的鼠標為加號樣式: */ body::after { content: '+'; cursor: crosshair; } /* 設置移動狀態下的鼠標為拖動樣式: */ img { cursor: move; } /* 設置禁止狀態下的鼠標為無效指針: */ button:disabled { cursor: not-allowed; }
上述示例只是最基本的設置,實際上還有很多其他的樣式可以定義。需要注意的是,不同的瀏覽器可能會有不同的樣式定義方式,因此在編寫CSS時需要考慮各種瀏覽器的兼容性。
上一篇mysql 硬件選型
下一篇表單中css樣式的設定