-
@@--CSS圓角進化論----第4章 使用CSS3中圓角屬性 4-1 使用CSS3中border-radius制作圓角 圓角屬性（border-radius）簡介： 屬性值：表示半圓半徑，可使用長度單位px，或百分比 簡寫屬性：border-radius 分量屬性：border-top-left-radius（上左）、 border-top-right-radius（上右）、 border-bottom-right-radius（下右）、 border-bottom-left-radius（下左） 簡寫屬性的值設置（與margin屬性設置相同，順時針方向）： 1個屬性值：4個角半徑相同 2個屬性值：第1個值——上左、下右角；第2個值——上右、下左角（即互為對角） 3個屬性值、4個屬性值的設置同margin屬性查看全部
-
@@--CSS圓角進化論--第3章 CSS2.0+HTML標簽模擬圓角 【原理】應用像素畫中繪制弧線的方法進行模擬?！鞠袼禺嫛慷砹_斯方塊，超級瑪麗 【優缺點】 1. 代碼量少，不需要增加HTTP請求 2. 后期維護性好，但是圓角橡塑的增加 3. 無意義代碼將成倍增加 4. 實現的圓角有局限性 5. 只能實現純色圓角 沒有被廣泛運用查看全部
-
@@--CSS圓角進化論---第2章 使用背景圖片方式制作圓角 2-2 制作高度和寬度自適應圓角 第①種方法 缺點：切圖方式實現，導致css代碼量激增，不利于后期代碼的維護。 ② 寬度和高度均自適應 實現關鍵點，5個標簽構成： 圓角矩形容器（box）—— 1. 上下內邊距大小至少設置為圓角高度；2. 相對定位；3. 放置內容 4個圓角——4個標簽，1. 分別設置各個圓角背景圖片；2. 絕對定位于box的4個角查看全部
-
@@--CSS圓角進化論---第2章 使用背景圖片方式制作圓角 2-1 制作寬度固定高度自適應圓角 實現方式有多種，主要講解2種： ①寬度固定，高度自適應；② 寬度和高度均自適應 第①種實現關鍵點： 4個塊級元素構成： 圓角矩形容器（box)——設置固定寬度，同圓角寬度 里面分為【上中下】三層，上層和下層用圓角背景圖實現圓角邊框效果查看全部
-
@@--CSS圓角進化論-- 1-1 課程介紹 css圓角三個階段： 1、背景圖片實現 2、css2.0+標簽模擬 3、css3.0圓角屬性（border-radius屬性）實現查看全部
-
寬度和高度自適應 實現關鍵點，5個標簽構成： 圓角矩形容器（box）—— 1. 上下內邊距大小至少設置為圓角高度；2. 相對定位；3. 放置內容 4個圓角——4個標簽，1. 分別設置各個圓角背景圖片；2. 絕對定位于box的4個角查看全部
-
背景圖片實現圓角 實現方式有多種，主要講解2種： 1. 寬度固定，高度自適應 2. 寬度和高度均自適應 實現關鍵點，4個塊級標簽構成： 圓角矩形容器（box)——設置固定寬度，同圓角寬度 頂部圓角（radius-top）——使用背景圖片實現頂部圓角查看全部
-
css圓角三個階段： 1、背景圖片實現 2、css2.0+標簽模擬圓角 3、css3.0圓角屬性（border-radius屬性）實現查看全部
-
css2.0 + html 優缺點查看全部
-
針對各瀏覽器寫的私有前綴應該寫在CSS3.0新增的屬性前查看全部
-
絕對定位的大小是根據內容自適應的，所以要設置寬和高查看全部
-
IE內核：-ms- Firefox內核：-moz- 谷歌瀏覽器，safari內核：-webkit- Opera瀏覽器私有前綴：-o-查看全部
-
寬度高度自適應的圓角進行可以用div（相對定位）+4個div（絕對定位）分別對應四個角的radius的方法，查看全部
-
瀏覽器查看全部
-
border-radius必須結合border屬性使用，否則看不出圓角效果查看全部
舉報
0/150
提交
取消