簡單可愛的藍色盒子

Question

任何人都知道如何創建「瀏覽類別」下的這些可愛的藍色框？它是簡單的CSS和JavaScript？

一旦我知道他們被稱爲什麼，我可以谷歌像「可愛的藍盒發電機」或沿着這些線路的東西。

網址與可愛的盒子： http://vimeo.com/categories

Answer 1

這是一個簡單的背景圖片與CSS放在那裏：

#cat_browse ul li.highlight { 
    background: url(http://a.vimeocdn.com/images/categories/cat_browse_off.png); 
} 

cute blue box http://a.vimeocdn.com/images/categories/cat_browse_off.png

Answer 2

大部分造型是簡單地添加圓角光藍色框。

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

注Vimeo的只是使用的圖像作爲背景：

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