CSS实现悬浮出现双括号_html/css_WEB-ITnose

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; }

悬浮出现双括号演示

点我

查看更多关于CSS实现悬浮出现双括号_html/css_WEB-ITnose的详细内容...