以下內容摘於百度經驗。 border-radius圓角邊框是CSS3的新屬性，以前網頁設計開發中要實現元素的圓角邊框，通常是用背景圖片來實現的。現在我們只需要給元素添加border-radius屬性即可。 一.兼容性 它是CSS3的新屬性，兼容IE9+，Firefox 4+ ...

border-radius圓角 當盒子的寬高一樣時，設置盒子的border-radius為50%，得到一個圓形 border-radius: 20px 30px 200px 200px; 只寫一個值：表示四邊的圓角都為該值 寫兩個值：第一個值表示左上角和右下角的圓角，第二個值表示右上角和左下角 ...

啊。用linear-gradient效果還是比較理想的。 另外關於虛線，復制demo，可自己調。 demo ...

一，語法解釋 border-radius ： none | <length>{1,4} [/ <length>{1,4} ] <length>： 由浮點數字和單位標識符組成的長度值。不可為負值。 其中每一個值可以為 數值或百分比的形式 ...

linear-gradient() 函數用於創建一個線性漸變的 "圖像" 它的語法是 　　background: linear-gradient(direction, color-stop1, color-stop2, ...); direction 　　用角度值指定漸變的方向 ...

在table中使用border-radius 先來看看設計圖吧： 拿到圖，先想到還是表格，table標簽，可是，table表格是矩形的，沒關系，我們有border-radius呀，效果如下： 給table加沒有效果但可以給每個單元格加啊，嗯，好像很有道理的樣子，試試 ...

對於前端開發人員來說，漸變是很多時候都會用到的。在以前，漸變效果和陰影、圓角效果依靠代碼來寫是比較男的，一般都是做成圖片，直接編寫 CSS 代碼就可以實現。今天小編為大家講解CSS3中的linear-gradient()函數來寫漸變。 如果說到漸變大家都會想到CSS3里面 ...

...