css3.0最新書籤
圓角屬性 - CSS3 -moz-border-radius, -webkit-border-radius, border-radius 
圓角屬性 - CSS3 -moz-border-radius, -webkit-border-radius, border-radius 
ㄚ倫 收藏於 2010/09/09
[Firefox]
-moz-border-radius 是 Firefox 用來顯示圓角的語法。
如果四個角都是相同的設定,可以使用這個方法 :
-moz-border-radius:25px; /*四個角一起設定*/
若需要個別設定四個角的話,有兩種方法 :
-moz-border-top-left-radius:15px; /*左上角*/
-moz-border-top-right-radius:15px; /*右上角*/
-moz-border-bottom-right-radius:10px; /*右下角*/
-moz-border-bottom-left-radius:10px; /*左下角*/
[Firefox] -moz-border-radius 是 Firefox 用來顯示圓角的語法。 如果四個角都是相同的設定,可以使用這個方法 : -moz-border-radius:25px; /*四個角一起設定*/ 若需要個別設定四個角的話,有兩種方法 : -moz-border-top-left-radius:15px; /*左上角*/ -moz-border-top-right-radius:15px; /*右上角*/ -moz-border-bottom-right-radius:10px; /*右下角*/ -moz-border-bottom-left-radius:10px; /*左下角*/ 繼續閱讀...
[Firefox]
-moz-border-radius 是 Firefox 用來顯示圓角的語法。
如果四個角都是相同的設定,可以使用這個方法 :
-moz-border-radius:25px; /*四個角一起設定*/
若需要個別設定四個角的話,有兩種方法 :
-moz-border-top-left-radius:15px; /*左上角*/
-moz-border-top-right-radius:15px; /*右上角*/
-moz-border-bottom-right-radius:10px; /*右下角*/
-moz-border-bottom-left-radius:10px; /*左下角*/繼續閱讀
分類:網站設計
半透明效果 - CSS3 rgba, hsla, filter, -ms-filter 
半透明效果 - CSS3 rgba, hsla, filter, -ms-filter 
ㄚ倫 收藏於 2010/09/09
[第一種]:內部所有物件皆透明
瀏覽器標準:
標準(Firefox): opacity:0~1
IE7: filter:alpha(opacity=0~100);
IE6: 還要再加上 zoom:1 ,不然會沒效
假設透明度65%
filter:alpha(opacity=65); opacity:0.65; zoom:1;
※當這樣的CSS放在一個 中,你會發現這個語法,就連div中的圖片、文字都會被設定為65%透明度,但有時候我們只是需要背景透明而已,只有背景透明的效果在第二種作法即可實現。
[第一種]:內部所有物件皆透明 瀏覽器標準: 標準(Firefox): opacity:0~1 IE7: filter:alpha(opacity=0~100); IE6: 還要再加上 zoom:1 ,不然會沒效 假設透明度... 繼續閱讀...
[第一種]:內部所有物件皆透明
瀏覽器標準:
標準(Firefox): opacity:0~1
IE7: filter:alpha(opacity=0~100);
IE6: 還要再加上 zoom:1 ,不然會沒效
假設透明度...繼續閱讀
分類:其他




標籤:

訂閱