首頁 >web前端 >html教學 >圓角矩形的html css實作程式碼_HTML/Xhtml_網頁製作

圓角矩形的html css實作程式碼_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:43:051540瀏覽

閒來無事,突然又想起了圓角矩形的實現。不過這個話題大家已經談太久了。各種各樣的實現方案在網路上都可以看到。這裡只是記錄一下個人認為比較好的一個。這個方案不使用任何圖片,是純html css實作。
css代碼==================================

複製程式碼
程式碼如下:




html代碼================= ======================



複製程式碼程式碼如下:








•••











有興趣就試試看上面兩段程式碼吧。
這個方案雖然比較不錯,但是我還是想出了一個類似的但是更簡潔的實現,呵呵,後面的文章會介紹。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn