頁面中圓角的實現是個很頭疼的問題，雖然現在有很多種實現方法，但是都是比較麻煩的。在本文中，讓我們看看如何使用css3 border-radius來實現圓角div。
跨瀏覽器相容性
字首：
-moz(例如 -moz-border-radius)用於firefox
-webkit(例如：-webkit-border-radius)用於safari和chrome。
css3圓角（所有的）
不使用來實現圓角曾經是很流行的能力，建立那些完美的小圓角，用做適當的css背景，是非常費時的工作。現在，使用css3，我們可以用幾行**來建立圓角。
這是乙個5px普通邊框和15px邊框半徑的設定：
瀏覽器支援:
css3圓角(個別的)
當然，乙個div的四個角不需要全部都是圓角，你可以個別的實現圓角。
瀏覽器支援:
轉貼：以下是**片段：
#roundcorneri
以下是**片段：
#roundcorderc
DIV圓角的製作
今天公司的美工辭職了，頁面設計方面的人暫時沒人做，我就接手做了，以前總感覺自己在 製作方面最缺乏能力，但真正做起來也感覺蠻好玩的，主要是配色方面比較差，所以就參考看國外一些做的漂亮 的配色，其中我感覺比較麻煩的就是div圓角的製作，如果乙個div加上圓角效果的話會變好看許多，以下就自己製作div圓角...
div盒子邊框圓角 CSS之圓角邊框漸變的實現
注 測試瀏覽器版本號 chrome 75.0.3770.80 opera 60.0.3255.109 firefox 67.0 ie 11。之前 css之漸變效果的實現 中有講到邊框顏色漸變，但是只有講最普通的邊框漸變，其作用於圓角邊框漸變時會覆蓋掉圓角的效果，這不是我們預期的，所以我們需要尋找其他...
HTML5 WebSocket的使用及例子
header 互相溝通的header是很小的 大概只有 2 bytes server push 伺服器可以主動傳送資料給客戶端 下面實現乙個簡單push例子如下 服務端 web.xml配置 initservlet com.demo.websocket.initservlet 1websocket c...