學習筆記，僅供參考，有錯必糾

參考自：pink老師課堂筆記

---

文章目錄

• • CSS用戶界面樣式
  • • 鼠標樣式cursor
    • 輪廓線outline
    • 防止拖拽文本域resize

---

CSS用戶界面樣式

鼠標樣式cursor

設置或檢索在對象上移動的鼠標指針采用何種系統預定義的光標形狀：

屬性值描述

default	小白 默認
pointer	小手
move	移動
text	文本
not-allowed	禁止

HTML代碼：

<ul><li style="cursor:default">我是小白</li><li style="cursor:pointer">我是小手</li><li style="cursor:move">我是移動</li><li style="cursor:text">我是文本</li><li style="cursor:not-allowed">我是文本</li> </ul>

輪廓線outline

outline是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用：

語法：

outline : outline-color ||outline-style || outline-width

去掉輪廓線：

<input type="text" style="outline: 0;"/>

防止拖拽文本域resize

當我們設置一個大文本框時，它是可以被隨意拖拽，變大變小的：

實際開發中，我們文本域右下角是不可以拖拽，因此可以做出如下設定：

<textarea style="resize: none;"></textarea>

總結

以上是生活随笔為你收集整理的CSS基础(part16)--CSS用户界面样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。