前端基础学习笔记 鼠标样式cursor与盒阴影box-shadow

鼠标样式属性

div{
    cursor:default;
}

如上代码可设置鼠标划入div盒子时的鼠标样式，鼠标样式有以下属性值：

• default 箭头
• pointer 小手
• wait     等待
• text     文本
• move  可移动
• auto    浏览器根据情况来给

引入外部鼠标样式，为了防止用户找不到指定路径文件，所以需要在路径之后设置一个备胎。

div{
    cursor:url("cursor/move.cur"),pointer;
}

box-shadow

按照顺序，第几个值代表什么意思：还可以叠加多个阴影，用逗号隔开。

• h-shadow:x轴偏移量
• v-shadow:y轴偏移量
• blur:模糊半径
• spread:模糊大小
• color:颜色
• inset:内置阴影 outset:外置阴影