最開始的時候，我想的是能不能只用乙個div畫出來，但是思考了很久，能力有限啊
先放個總的div
.bg.top接著利用偽元素寫出中間藍色條的樣式：
.top:before.bottom
.bottom:after
然後我認為最難的部分來了，就是1這個數字的左上角的部分這地方感覺很難弄，本來用乙個元素的border-radius可以有弧度，我用了bg:before如下：
.bg:before我用bg的after偽元素做了如圖所示的影象
-webkit-radial-gradient(right bottom, ellipse cover, #ffffff 0%,#ffffff 69%,#57c3ea 50%,#57c3ea 100%);.top:after.bg:after
css3畫花瓣 border radius的妙用
css3中新增的 border radius 屬性在前端開發工作中，一般是還有從來做乙個簡單的圓角效果，看起來讓塊狀元素更加圓潤柔和一點，百分之九十的同學可能用到的就是這個層級，但是 border radius 的功能遠不止於此。首先要明白的是 border radius 的使用方法 classna...
Css3之畫對話方塊
在日常生活中，對話方塊還是蠻經常看到的，比如聊天工具中，今天我們就來學習下如果做這種對話方塊 這裡使用了偽元素，先通過上章學習的畫三角形 border right 10px solid a60 border left 0px solid a60 border top 10px solid trans...
css3學習筆記
1.為什麼分許多模組進行管理？為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一，class屬性本身沒有語義，褚翠是用來為css樣式服務的，屬於多餘屬性。第二，使用屬性的話，並沒有把樣式與元素繫結起來，針對同乙個class屬性文字框，下拉框，按鈕都可使用。這樣很...