WEB基础之：CSS 用户界面样式

最新推荐文章于 2023-11-23 10:47:54 发布

f_carey

最新推荐文章于 2023-11-23 10:47:54 发布

阅读量355

点赞数

分类专栏： WEB 文章标签： html css3 css

本文链接：https://blog.csdn.net/f_carey/article/details/111959600

版权

本文主要探讨了CSS中的用户界面样式，重点讲解了光标和轮廓（outline）的概念。光标不占据空间，常用于元素内容周围，可以设置其样式、宽度和颜色。轮廓与border不同，它不改变元素尺寸，可自定义为非矩形，并通过CSS属性调整其样式、宽度和颜色。

摘要由CSDN通过智能技术生成

cursor:default

类型	属性值	描述
General	auto	浏览器根据当前内容决定指针样式，例如当是内容是文字时使用text样式
General	default	默认指针，通常是箭头。
General	none	无指针被渲染
链接及状态	context-menu	指针下有可用内容目录。
链接及状态	help	指示帮助
链接及状态	pointer	悬浮于连接上时，通常为手
链接及状态	progress	程序后台繁忙，用户仍可交互 (与wait相反).
链接及状态	wait	程序繁忙，用户不可交互 (与progress相反).图标一般为沙漏或者表。
选择	cell	指示单元格可被选中
选择	crosshair	交叉指针，通常指示位图中的框选
选择	text	指示文字可被选中
选择	vertical-text	指示垂直文字可被选中
拖拽	alias	复制或快捷方式将要被创建
拖拽	copy	指示可复制
拖拽	move	被悬浮的物体可被移动
拖拽	no-drop	当前位置不能扔下,Windows或Mac OS X中 “no-drop 与not-allowed相同”.

关注