學(xué)習(xí)筆記，僅供參考，有錯必糾

參考自：pink老師課堂筆記

---

文章目錄

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

---

CSS用戶界面樣式

鼠標(biāo)樣式cursor

設(shè)置或檢索在對象上移動的鼠標(biāo)指針采用何種系統(tǒng)預(yù)定義的光標(biāo)形狀：

屬性值描述

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

當(dāng)我們設(shè)置一個大文本框時，它是可以被隨意拖拽，變大變小的：

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。