CSS实现悬浮出现双括号

<html>
<head>
<style>

a {
 position: relative;
 display: inline-block;
 outline: none;
 text-decoration: none;
 color: #000;
 font-size: 32px;
 padding: 5px 10px;
cursor:hand;
}

a:hover::before, a:hover::after { position: absolute; }
a:hover::before { content: "\5B"; left: -20px; }
a:hover::after { content: "\5D"; right:  -20px; }
</style>

</head>
<body>
<h3>悬浮出现双括号演示</h3>
&nbsp;&nbsp;&nbsp;&nbsp;<a>点我</a>

</body>
</html>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。