如何用css将一个div设置为一个圆

最新推荐文章于 2024-09-05 14:01:36 发布

weixin_34062329

最新推荐文章于 2024-09-05 14:01:36 发布

阅读量1k

点赞数

原文链接：http://www.cnblogs.com/moonsoft/p/10454991.html

版权

直接上代码：

<!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>