幫助設計師和開發者的9種超實用CSS技巧

一個網頁設計師腦子裡一定會被大量與他的工作有關的知識填滿。而說到CSS，它可以幫助對網站進行設計，讓設計具有更多的可能性，用更簡單的方式讓你的網站更具吸引力，而使用傳統的技術這些方面並不容易面面俱到。

對於前端，頁面而言，CSS的確是一門首選需要掌握的技能。

以下就是9種非常實用的CSS3屬性和使用技巧，

1. 圓角效果

談及圓角小編曾在各種討論中頻繁聽見：實現麻煩、兼容困難、性能不佳等等缺點。而如今的Web設計需要的就是各種各樣新的開發技巧，因此越來越多的前端和頁面都開始使用HTML5。

對於HTML5而言，從前必須使用圖片來實現的需求，現在都可以通過代碼來實現。而CSS3中加入的“border-radius”就可以用通過它來直接定義HTML元素的圓角，並支持所有浏覽器的最新版本。

我可以通過如下代碼實現：

border-radius： 10px; /* CSS3 Property */

-moz-border-radius： 10px; /* Firefox */

-webkit-border-radius： 10px; /* Chrome/Safari */

-khtml-border-radius： 10px; /* Linux browsers */

我們也可以使用下面這樣的組合版本，或者用它來對上面的代碼進行速記。