CSS基础(part16)--CSS用户界面样式

学习笔记，仅供参考，有错必纠

参考自：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>