css - 简单可爱的蓝色盒子

Question

有没有人知道“浏览类别”下的这些可爱的蓝色框是如何创建的？它是简单的 css 和 javascript 吗？

一旦我知道它们叫什么，我就可以在谷歌上搜索“可爱的蓝盒子生成器”之类的东西。

带有可爱盒子的网址: http://vimeo.com/categories

Answer 1

大部分样式只是简单地向浅蓝色框添加圆 Angular 。在 CSS 中，(在现代浏览器中)可以通过以下方式实现类似的效果:

li {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

请注意 Vimeo 仅使用图像作为背景:

http://a.vimeocdn.com/images/categories/cat_browse_on.png