如何用css將一個div設置為一個圓

本文轉載自查看原文 2019-03-01 10:33 4758 div css

直接上代碼：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>JavaScript事件</title>
    <script>             
        function changeColor()
        {            document.getElementById("test").style.background="#98F5FF";
        }    
    </script>
      <style type="text/css">
        #test {
          background-color: #CD96CD;
          width: 100px;
          height: 100px;
          border-radius: 50px;
        }
      </style>        
    </head>
    <body>    
        <p>點擊圓球，改變顏色</p>        
        <div id="test" onclick="changeColor()"></div>    
    </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 CSS 畫一個簡單的圓 css設置div全屏如何用css3實現一個扇形？如何用CSS繪制一個小箭頭—— '>' css3實現一個div設置多張背景圖片及background-image屬性如何用 DIV 畫一個三角形教你用CSS繪制一個帶有漸變邊框的圓！創建一個圓類Circle的對象，分別設置圓的半徑計算並分別顯示圓半徑、圓面積、圓周長。 CSS 設置圓角div和陰影效果 css設置div超出不換行