邊框四邊同時(shí)設(shè)置:
border:1px(寬度) solid(樣式) #ddd(顏色);
各邊邊框分別設(shè)置:
border-top/border-left/border-right/border-bottom
border-radius:1px(左上) 1px(右上) 1px(左下) 1px(右下);
1、邊框畫圓形:
元素為正方形,border-radius:50%
例如:
div{ width: 100px;height: 100px; border:4px solid #999; border-radius: 50%;}
2、邊框畫橢圓:
元素為長(zhǎng)方形,border-radius:50%(橫向半徑)/50%(縱向半徑)
例如:
div{ width: 100px;height: 50px; border:4px solid #999; border-radius: 50%/50%;}
3、邊框畫兩側(cè)圓:
元素為長(zhǎng)方形,border-radius:3px(不大于border寬度)/50%(縱向半徑)
例如:
div{ width: 100px;height: 50px; border:4px solid #999; border-radius: 3px/50%;}
box-shadow:
(inset) 1px(X軸偏移值) 1px(Y軸偏移值) 1px(投影半徑) (陰影尺寸) 顏色;
說(shuō)明:
inset:表示向內(nèi)投影,不設(shè)置即默認(rèn)向外投影。
投影半徑:模糊度和寬度,值越大越模糊,寬度越大。
陰影尺寸:陰影擴(kuò)展量,擴(kuò)展量之外才開(kāi)始模糊。
新聞熱點(diǎn)
疑難解答
圖片精選