用CSS添加鼠标样式-箭头、小手、十字… & CSS实现虚线之dotted边框-点虚线、dashed边框-破折号虚线
//小手样式cursor:pointer;
cursor其他取值
auto :标准光标 default:标准箭头 pointer, hand :手形光标 crosshair :十字标 wait :等待光标 text :I形光标 vertical-text :水平I形光标 no-drop:不可拖动光标 not-allowed:无效光标 help :帮助光标 all-scroll :三角方向标 move :移动标
CSS实现虚线的方法
dotted边框:是用一个个点(dot)组成的虚线;
dashed边框:是用一个个破折号(dash)组成的虚线;
效果
<template><div class="box card1">用dotted边框实现的虚线</div><div class="box card2">用dashed边框实现的虚线</div></template><style>.box {margin: 20px;padding: 10px 30px;width: 200px;}.card1 {border: 1px dotted #000;}.card2 {border: 1px dashed #000;}</style>