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>

CSS基础(part16)--CSS用户界面样式相关推荐

W3school：CSS基础：CSS注释、颜色（颜色、RGB、HEX、HSL）、背景（背景、背景图像、背景重复、背景附着、简写背景属性）
W3school:CSS基础:CSS注释.颜色(颜色.RGB.HEX.HSL).背景(背景.背景图像.背景重复.背景附着.简写背景属性) 一.CSS注释 1.注释用于解释代码,以后在您编辑源代码时可能 ...
W3school：CSS基础：CSS边框、CSS边距、CSS高度/宽度、CSS框模型、CSS轮廓
W3school:CSS基础:CSS边框.CSS边距.CSS高度/宽度.CSS框模型.CSS轮廓 1.CSS边框(边框.边框宽度.边框颜色.边框各边.简写边框属性.圆角边框) 2.CSS边距(外边距. ...
三十三、CSS三角的做法用户界面样式
一.CSS三角网页中常见的一些三角形,使用CSS直接画出来就可以了,不必做成图片或者字体图标.一张图,你就知道CSS三角是怎么来的了,做法如下: <!DOCTYPE html> < ...
CSS基础外部样式表内嵌样式表行内样式表
CSS简述:css是Cascading Style Sheet的缩写,直译过来为层叠样式表或级联样式表,简称样式表.利用css样式表定义页面样式,将会大大减少设计工作量.一些好的css样式表的建立,可 ...
CSS基础(part2)--CSS选择器
学习笔记,仅供参考,有错必纠文章目录 CSS CSS语法 CSS简单属性 CSS注释 CSS选择器通配符选择器 ID选择器类选择器 CSS复合选择器标签指定式选择器(既...又...) 后代选 ...
CSS基础(part4)--CSS的层叠性继承性优先级
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录 CSS CSS层叠性 CSS继承性 CSS的优先级(特殊性) 复合选择器的优先级关于优先级权重的注意事项 CSS CSS层叠性所谓层 ...
CSS基础：CSS的上下文之层叠上下文
CSS的上下文之层叠上下文看到层叠,大家一定会联想到定位元素会是的元素之间发生"遮挡",而z-index可以改变他们之间的遮挡优先级,但这仅仅是层叠这一概念中很小的一部分. 本文 ...
CSS基础：CSS的上下文之BFC
CSS的上下文之BFC 看到这个名词,可能会有些陌生,但其实上下文 = 区域,如果这么理解的话就会有行级上下文.块级上下文.flex上下文等等有一定排列规则的区域,我们今天只聊一聊块级格式化上下文 ...
CSS基础篇--css reset重置样式有那么重要吗？
在以前写html代码的时候,一般都会在head里添加重置样式reset.css,其内容如下: @charset "utf-8"; html, body, div, span, ap ...

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

文章目录

CSS用户界面样式

鼠标样式cursor

轮廓线outline

防止拖拽文本域resize

CSS基础(part16)--CSS用户界面样式相关推荐

最新文章

热门文章