image.png
    核心思路：利用边框半径实现圆形，鼠标经过事件加上2d缩放
    代码实现：

    1.    <style>
    2.         div {
    3.             width: 100px;
    4.             margin: 0 auto;
    5.         }
    7.         a {
    8.             display: block;
    9.             width: 50px;
    10.             height: 50px;
    11.             border-radius: 50%;
    12.             background-color: transparent;
    13.             border: 1px solid #000;
    14.             text-decoration: none;
    15.             text-align: center;
    16.             line-height: 50px;
    17.             color: black;
    18.             transition: all 0.2s;
    19.         }
    21.         a:hover {
    22.             transform: scale(1.1);
    23.         }
    24.     </style>
    25. </head>
    27. <body>
    28.     <div>
    29.         <a href="#">1</a>
    30.     </div>
    31. </body>