YamPiz Servies
       
       
      Share
      		 
      Blog /

      CSS 設計備忘錄

      Previous
      Next
      Context
      CSS 設計備忘錄
      Image Rotate
      1. /* CSS 原始碼 */
      2. img {display: block;float: left;margin: 20px;}
      3. img+img {
      4. -webkit-transform: rotate(270deg);
      5. -moz-transform: rotate(270deg);
      6. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      7. }

      邊框圓角
      1. /* CSS 原始程式碼 */
      2. div {
      3. border-radius:10px;
      4. -moz-border-radius:10px;
      5. -webkit-border-radius:10px;
      6. }
      7. /*
      8. 右上圓角 : border-topright-radius
      9. 左上圓角 : border-topleft-radius
      10. 右下圓角 : border-bottomright-radius
      11. 左下圓角 : border-bottomleft-radius
      12. 參數用法 :
      13. A: 10px;
      14. B: 10px 10px;
      15. C: 10px 10px 10px 10px;
      16. D:40px / 10px;
      17. E:40px 10px 10px 40px / 11px 21px 11px 21px;
      18. */

      • This is a declared original article, to respect the copyright, please do not repost this article without the consent of the author.
      • Keywords : radius(7), border(7), webkit(2), transform(2), rotate(2), 270deg(2), 邊框圓角(1), 左下圓角(1), 左上圓角(1), 右下圓角(1), 右上圓角(1), 參數用法(1), 原始程式碼(1), 原始碼(1), topright(1), topleft(1), rotation(1), progid(1), margin(1), float(1)
      0 0
      2012-05-10T20:13:00+0000

      Comment
       
      Verify

      Facebook Page

      Blog Directory

      • 魚戀秋波 Neil Y.K.'s Blog
        • 心情‧日記
        • Creation
        • My Jobs
          • 電腦維修
          • 商業美工
          • 接案工程
          • 備忘錄
            • Windows 7 免重裝切換 AHCI 模式
            • CentOS 筆記
            • Win7 備忘錄
            • 清除系統垃圾
            • Mysql 備忘錄
            • CSS 陰影效果
            • JScript 備忘錄
            • CSS 設計備忘錄
            • PHP 程式備忘錄
            • Linux shell 筆記
            • Apache 架設備忘錄
            • CSS Selector 種類簡介
          • 黑族
        • Misc DIY
        • Stray notes
        • 玩樂情報
        • 生活話題
        • 經方中醫
        • Unclass
      Blog List

      QR-Code and APP Launcher

      User Guide
      This Webpage

      In those service tabs, "Scan QRCode, in mobile device" or "Click the button, in this device" to open webpage or APP-related operations.
      QRCode

      Visitors

      • Visitors : 8,591,820
      • Hits : 8,776,523
      • Depth : 102.1 %
      • YamPiz Hero Blog
        This service architecture and content service provider.
      • Auto Platform
        For better browsing experience, it will auto detects your device to display webpage.
      • Bug Report
        Tell us about the idea, problem and errors you found.
      • Comodo Secure
        The sensitive data transmission adopts by SSL-2048 authenticated encryption.
      • Copyright
        © 2009 YamPiz Digital Inc. & Jaby Group. All rights reserved.
      • Revised Version
        V2.2.246
        16 May 2025 (GMT+8)