91在线入口-操操av-国产福利不卡-国产亚洲一区二区精品-精品久久久久一区二区国产-久久免费看片

(每日一題)CSS3基礎知識點梳理

   2023-10-12 網絡整理麒麟商城2710
核心提示:代碼:rgba(0,0,0,0.3);代碼說明:rgba(0,0,0,0.3);投影顏色及透明度示例1:水平和垂直方向各偏移10pxrgba(0,0,0,0.3);示例2:投影顏色為紅色rgba(0,0,0,0.3);考慮到盡可能兼容更多的瀏覽器,需將上面代碼修改成如下:rgba(255,0,0,0.3);rgba(255,0,0,0.3);rgba(255,0,0,0.3);3.瀏覽器(例如:和)上正常顯示。IE不支持此屬性,在IE中界面如下:

框-:0px 0px 10px rgba(0,0,0,0.3);

代碼說明:

框-:10px 10px 10px rgba(0,0,0,0.3);

box-:水平偏移、垂直偏移、擴展投影顏色和透明度

示例 1:水平和垂直偏移 10px

框-:10px 10px 10px rgba(0,0,0,0.3);

05be6573bd2f1c60f140257fd0d024a1.gif

示例2:投影顏色為紅色

框-:10px 10px 10px rgba(0,0,0,0.3);

536b086d77b98c0067bbec21ec0f3559.gif

考慮到兼容盡可能多的瀏覽ai怎么做角度投影,上面的代碼需要修改如下:

--box-: 10px 10px 10px rgba(255,0,0,0.3);

-moz-box-:10px 10px 10px rgba(255,0,0,0.3);

框-:10px 10px 10px rgba(255,0,0,0.3);

由于各類瀏覽器對CSS3的支持不同ai怎么做角度投影,因此上述代碼只能在3.5及以上瀏覽器上正常顯示(例如:and)。

IE 不支持該屬性。 IE中的界面如下:

59872f09e64b24651d15d30a9cae6469.gif

fff655a2725b49fb368efa438be96314.png

cd7d5a4eb1e257abc16dc909a48679f5.png

6353b480cfac4af73850fefb4c420cb2.png

186信息網原創文章,轉載請注明本文來自:m.mqw.org.cn

 
舉報收藏 0打賞 0評論 0
 
更多>同類資訊
推薦圖文
推薦資訊
點擊排行
網站首頁  |  支付和聯系方式  |  發布規則-默認已知  |  發布文章網站出現亂碼怎么辦  |  微信支付寶付款碼  |  短信收費  |  如何續費  |  防騙指南  |  專場采購  |  買賣商機  |  營銷推廣  |  網站地圖  |  排名推廣  |  廣告服務  |  積分換禮  |  網站留言  |  RSS訂閱  |  違規舉報