-
border透明邊框足夠兼容 bakground-position定位 三角圓形 優(yōu)雅增加響應(yīng)區(qū)域的大小 不使用圖片，實(shí)現(xiàn)單復(fù)選框區(qū)域大小 .checbox{ width:16px; height:16px; border:1px solid #f00; } 邊框使用盒陰影，原先border變透明用來(lái)增加點(diǎn)擊區(qū)域 box-shaw:inset 0 1px,inset 1px 0,inset-2px 0,inset 0 -1px; 增加可視渲染區(qū)域： drow-shaw可以給PNG圖標(biāo)賦色 在谷歌瀏覽器下，頁(yè)面中不可見(jiàn)元素的drop-shadow也是不可見(jiàn)的 text-indent負(fù)值隱藏原始圖，無(wú)投影，失?。?clip裁剪隱藏，無(wú)投影，失??！ margin負(fù)值隱藏原始圖，無(wú)投影，失?。?left負(fù)值隱藏原始圖，無(wú)投影，失敗! (可視區(qū)域元素外無(wú)投影) 透明border突破可視區(qū)域的限制查看全部
-
實(shí)現(xiàn)三角的原理：凹口變大，顏色變透明 實(shí)際使用場(chǎng)景，1、下拉菜單 2、兩個(gè)三角疊加 模擬圓角（有四個(gè)小圓角、border梯形組合而成、）查看全部
-
background定位的局限 只能相對(duì)左上角數(shù)值定位，不能相對(duì)于右下角 background-position:50px 40px;（background-position默認(rèn)相對(duì)于左上方定位的） 距離左邊緣一直50px一直很簡(jiǎn)單，但是距離右邊邊緣 借助border定位（background-position定位）查看全部
-
border-color默認(rèn)顏色就是color .box{ border:10px solid; color:#00f;} 當(dāng)沒(méi)有指定border-color的時(shí)候，會(huì)使用color作為邊框色！ box-shadow盒陰影 hover: 選擇器用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素 只要一個(gè)color hover變化，就可以一起變色！且transition過(guò)渡也只要一個(gè)color屬性查看全部
-
border-style:solid;實(shí)線 border-style:dotted;點(diǎn)線（實(shí)線圓角效果） border-style:double;雙線 border-style:inset;內(nèi)凹，大眼瞪小眼 border-style:outset;外凸 border-style:groove;溝槽查看全部
-
border-width不支持百分比值：語(yǔ)義和使用場(chǎng)景決定，邊框不會(huì)因設(shè)備大小而變化 類(lèi)似：outline,box-shadow,text-shadow,... border-width支持關(guān)鍵字thin，medium,thick,默認(rèn)medium：3px，用的最多是thin：1px，因?yàn)閎order-style:double至少3px才有效果查看全部
-
border寬度不可使用百分比，受此限制，無(wú)法用于百分比布局需要； boder-color屬性可繼承color，因此可用于一次性?xún)?yōu)化多個(gè)布局； border可以透明，transparent屬性，可利用此屬性生成三角或者梯形； border-style中的double及dotted可用于創(chuàng)建三條短線樣式、圓。 border以及background配合使用，可以定位背景圖片至右側(cè)。（backgroud-positon默認(rèn)相對(duì)左上角）查看全部
-
三角： { width:0px height:0px border:100px solid boder-color:red green transition transition(透明) }查看全部
-
border-right:50px solid transparent; background-position:100% 40px查看全部
-
background-position：50px 40px 默認(rèn)左邊距查看全部
-
transition查看全部
-
增加響應(yīng)區(qū)域查看全部
-
border-color顏色未指定時(shí)，使用color的顏色查看全部
-
border-color 就是color查看全部
-
border-width不支持百分比查看全部
舉報(bào)
0/150
提交
取消