-
寬度固定,高度自適應(yīng)圓角:三個div,上下div放圓角背景,中間div放內(nèi)容。查看全部
-
CSS3瀏覽器私有屬性前綴查看全部
-
簡寫屬性的值設(shè)置(與margin屬性設(shè)置相同,順時針方向) 1個屬性值:4個角半徑相同 2個屬性值:第一個值代表上左、下右角,第二個值代表上右、下左角(即互為對角) 3個屬性值、4個屬性值的設(shè)置同margin屬性查看全部
-
CSS圓角進化論的三個階段: 1.背景圖片實現(xiàn)圓角 2.CSS2.0+標簽?zāi)M圓角 3.CSS3.0圓角屬性(border-radius屬性)實現(xiàn)圓角查看全部
-
簡寫屬性:border-radius 分量屬性:border-top-left-radius查看全部
-
.top_l {background: url(images/l_top_radius.gif) no-repeat;height: 3px;width: 4px;position: absolute;left: 0;top: 0;} 如果不加上left: 0;top: 0;在我的chrome中是不會顯示圖片的查看全部
-
絕對定位要設(shè)置寬度,不然會根據(jù)內(nèi)容多少自適應(yīng);只有背景圖片的div也要設(shè)置寬度,不然背景顯示不出來,因為背景圖片本身不占寬度。查看全部
-
本課程中的方法有些取巧,重點在于必須將圓角的其余部分做成跟外邊的大背景是一樣的顏色,如果做成透明的,則無法覆蓋所在div的四個角。查看全部
-
記錄一下,覺的麻煩查看全部
-
麻煩極了查看全部
-
IE6/7/8不支持CSS3.0 屬性值:表示圓角半徑,可使用長度單位px或百分比 簡寫屬性:border-radius 分量屬性:border-top-left-radius(上左)、border-top-right-radius(上右)、border-bottom-left-radius(下左)、border-bottom-right-radius(下右)、 3.2 簡寫屬性的值設(shè)置 1個屬性值:4個角半徑相同 2個屬性值:分別為上左和下右、上右和下左 3個屬性值:分別代表上左、上右和下左、下右 4個屬性值:分別代表上左、上右、下右、下左 3.3 瀏覽器私有前綴 解決各瀏覽器顯示差異,針對瀏覽器寫私有前綴: IE內(nèi)核:-ms- FireFox內(nèi)核:-moz- 谷歌瀏覽器、Safari內(nèi)核:-webkit-查看全部
-
兼容前綴查看全部
-
css3圓角屬性值查看全部
-
background:-ms-linear-gradient(top,#ddd 0%,#eee 10%,#fff 20%);實現(xiàn)漸變色border(IE內(nèi)核)火狐-moz-,谷歌-webkit-查看全部
-
Browser specific prefix查看全部
舉報
0/150
提交
取消