• <progress id="ics96"><track id="ics96"></track></progress>

    <dd id="ics96"><pre id="ics96"></pre></dd>
  • <span id="ics96"><pre id="ics96"></pre></span>
    1. <button id="ics96"></button>
      <dd id="ics96"></dd>

      當前位置:首頁>>建站知識

      CSS3 圓角(border-radius)

      點擊數:12522 更新時間:2014-04-06 15:20:00 來源: 昕竹軒網站設計-返回

      前綴

      • -moz(例如 -moz-border-radius)用于Firefox

      • -webkit(例如:-webkit-border-radius)用于Safari和Chrome。

      例1

      <div id="round"></div> #round

      效果:
      CSS圓角

      例2:無邊框

      <div id="round"></div>   #round

      效果:
      CSS圓角

      書寫順序

      /* Gecko browsers */ -moz-border-radius: 5px; /* Webkit browsers */ -webkit-border-radius: 5px; /* W3C syntax - likely to be standard so use for future proofing */ border-radius:10px;

      其它

      支持上、右、下、左

      border-radius:5px 15px 20px 25px;

      支持拆分書寫

      /* Gecko browsers */ -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 20px; /* Webkit browsers */ -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 20px; /* W3C syntax */ border-top-left-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius:  20px;

      支持性

      瀏覽器 支持性
      Firefox(2、3+)
      Google Chrome(1.0.154+…)
      Google Chrome(2.0.156+…)
      Safari(3.2.1+ windows)
      Internet Explorer(IE7, IE8) ×
      Opera 9.6 ×

      廣告位
      【責任編輯:CSW8923 (Top) 返回頁面頂端
      【必備推薦】(Top) 返回頁面頂端
      【精品案例】更多案例展示
      【最新留言】 (Top) 返回頁面頂端
      共有0條評論
      重要提示:
      你設置的聯系郵箱是*: (當有人給你留言回復之時,聯系郵箱可以及時通知你)
      我們建議你填寫正確的郵箱地址,如果你之前填寫郵箱地址是錯誤的可以通過 【修改資料】 來重新設置
      登錄 | 免費注冊 | 忘記密碼 | 郵箱:CSW8923@126.com     服務電話:17895923895   客服QQ:568441621 點擊這里給我發消息
      Copyright © 2014-2015 Htmcss.Com All Rights Reserved  版權所有昕竹軒網站設計 備案號:閩ICP備16024510號-4
      国产日韩Av无码免费一区二区三区_亚洲mm无码在线_国产亚洲中文日本不卡_四虎影视国产精品一区二区
    2. <progress id="ics96"><track id="ics96"></track></progress>

      <dd id="ics96"><pre id="ics96"></pre></dd>
    3. <span id="ics96"><pre id="ics96"></pre></span>
      1. <button id="ics96"></button>
        <dd id="ics96"></dd>
        關閉