border-radius
最多指定四個(gè)值,順序分別是左上角,右上角,右下角,左下角,順時(shí)針。
指定為三個(gè)值,順序分別是左上角,右上角左下角,右下角。
指定為兩個(gè)值,順序是左上角右下角,右上角左下角。成對(duì)角線分布。
兼容性:ie10,火狐4,Chrome,Safari5+,歐朋
當(dāng)border-radius的值是百分比
可以通過設(shè)置border-radius:50%;
使一個(gè)長(zhǎng)方形變成橢圓;
border-top-left-radius左上角
border-top-right-radius右上角
border-bottom-left-radius左下角
border-bottom-right-radius右下角
box-shadow
可以設(shè)置一個(gè)或多個(gè)下拉陰影的框
box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow:水平偏移,, 垂直偏移 模糊 擴(kuò)展 ,,,,顏色 內(nèi)陰影
兼容性:ie9+,火狐4+,Chrome,Safari5+,歐朋