【Design Inspiration】标签风格样式收藏

昨天，群里有人询问关于jqeury 图片查看的插件，推荐了下colorbox，于是上去看了看，最近在一次项目中，苦于寻找类标签样式的设计，看到该网站上的设计很不错，为之一亮，于是扣下来，留着以后用！

效果截图如下：

下面是代码：

CSS部分：

 1 a:link, a:visited {
 2        color: #248ce2;
 3        text-decoration: none;
 4        -webkit-transition: all 0.1s linear;
 5 }
 6 a.demo {
 7        display: inline-block;
 8        background: #248ce2;
 9        width: 23px;
10        height: 23px;
11        border-radius: 100px;
12        color: #ffffff;
13        font: bold 14px /23px arial;
14        text-align: center;
15        text-indent: -1px;
16        margin-right: 2px;
17 }
18 .demo:hover {
19        background: #000000;
20        text-decoration: none;
21 }

HTML部分：

<a href="#" class="demo">1</a>
<a href="#" class="demo">2</a>
<a href="#" class="demo">3</a>
<a href="#" class="demo">4</a>
<a href="#" class="demo">5</a>
<a href="#" class="demo">6</a>
<a href="#" class="demo">7</a>
<a href="#" class="demo">8</a>
<a href="#" class="demo">9</a>
<a href="#" class="demo">10</a>

不过，如果是3位数，需要改下原CSS代码响应宽高圆角行高等，达到圆形