table表格利用CSS加圓角的方式

HTML的table表格若要加上圓角，不好實現，查到一個方法：利用陰影的方式來呈現。

直接上語法：

.table{

border-collapse: collapse;

width: 100%;

border-style: hidden;

box-shadow: 0 0 0 1px #000;

border-radius: 4px;

}

.table td{

border: 1px solid #000;

}

Swiper開源、免費、強大的行動端觸摸滑動插件

Swiper常用於mobile網站的內容觸摸滑動，簡單配置即可實現手機、平板網站大部分觸摸功能。

Swiper是純javascript打造的滑動特效插件，可單獨使用無需jQuery，亦可結合jQuery，面向手機、平板電腦等移動終端。

Swiper能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換、觸摸滑動導航等常用效果。

Swiper開源、免費、穩定、使用簡單、功能強大，是架構移動終端網站的重要選擇！

簡中網：http://www.swiper.com.cn/
英文網：http://www.idangero.us/swiper/#.VYtZnvmqpBc

Windows 8 的Metro風格前端框架--Metro UI CSS

Metro UI CSS是一個Windows 8風格的前端框架，跟Bootstrap很相似，有空時可以玩看看。

 它的特色是用LESS編寫的，兼容AngularJS，open source，MIT licensing，網格佈局系統、超過20個的插件，超過300個內建的圖標。

有很多方便的插件可以使用。像是Form validator、Notify system、Calendar...等。

官網：http://metroui.org.ua/

使用 CSS 偽元素:before & :after 製作「三角形」icon

在切版中，常常會有需要用到「三角形」的小icon，每次都要切圖也很麻煩，此時可以利用CSS的偽元素來產生，樣式有點醜，再自行調整吧。

語法如下：

a:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: red;
}