码迷,mamicode.com
首页 > Web开发 > 详细

CSS实现悬浮出现双括号

时间:2015-04-05 23:34:34      阅读:245      评论:0      收藏:0      [点我收藏+]

标签: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>

CSS实现悬浮出现双括号

标签:css

原文地址:http://blog.csdn.net/zhenzhenzhao12/article/details/44893061

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!