Time: 20200205 依據(jù)盒模型，如果我們?cè)趩蝹€(gè)元素上，想浮動(dòng)標(biāo)記一下虛框，則可用margin來做。 在中心是內(nèi)容元素，注意在borde...
投稿
收錄了13篇文章 · 1人關(guān)注
-
CSS盒子模型 -
繪制太極圖Time: 20200131 用圓形組合 這么一拆解就很清晰了。 HTML CSS 顯示效果： END.
-
心形和蛋形Time: 20200131 圖形拆解： 需要畫出半圓形和長(zhǎng)方形的組合。 然后再旋轉(zhuǎn)。 會(huì)用到border-radius. 心形 HTML CS...
-
繪制五邊形和六邊形Time: 20200131 繪制圖形的套路就是，先拆分，然后再畫基本的元素，考慮如何用旋轉(zhuǎn)，變形完成。 最基礎(chǔ)的就是如何繪制三角形，這也是相對(duì)...
-
繪制五角星和六角星Time: 20200131 五角星 HTML CSS 六角星 這個(gè)畫起來就更容易，是兩個(gè)三角形的組合，一個(gè)向上，一個(gè)向下。 HTML CSS ...
-
繪制菱形和四邊形Time: 20200131 菱形 HTML CSS 效果： 重點(diǎn)是：transform的使用，以及針對(duì)不同瀏覽器加前綴。 四邊形 用的是ske...
-
繪制對(duì)話框
Time: 20200131 三角形的繪制 HTML CSS樣式 對(duì)話框的繪制 HTML CSS樣式 顯示效果 END.
-
border-radius畫圓Time: 20200131 維護(hù)工作量變小 性能提升 頁面更美觀 先繪制正方形 顯示效果： 圓形 只需要加一行： 這樣就變成了圓形。 分別設(shè)置...
-
偽元素Time: 20200131 用于向某些選擇器添加特殊效果。 偽元素的類型 :first-letter :first-line :before ...
-
偽元素選擇器
Time: 20200131 動(dòng)態(tài)偽類選擇器 通過標(biāo)簽后加不同的動(dòng)作過濾，會(huì)為相應(yīng)的動(dòng)作添加渲染效果。 其中： a:link 表示啥也不做時(shí)候的...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1852489/121-css3-512.png', '推薦專題《CSS3探索》（ 分享自 @簡(jiǎn)書 ）','http://m.itdecent.cn/c/fdeb1ae06e8f?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}