用CSS添加鼠标样式-箭头、小手、十字 & CSS实现虚线之dotted边框-点虚线、dashed边框-破折号虚线

用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)组成的虚线;

效果
《用CSS添加鼠标样式-箭头、小手、十字 & CSS实现虚线之dotted边框-点虚线、dashed边框-破折号虚线》

<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>
    原文作者:viceen
    原文地址: https://blog.csdn.net/weixin_44867717/article/details/108386036
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞