如何用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 画一个简单的圆如何用CSS定义一个动画？如何用div绘制一个容器，例如圆形 css一个div设置多个背景图片【CSS】如何用css做一个爱心 CSS中div覆盖另一个div css 鼠标放在一个div上，另一个div展示出来让一个div在另一个div中左右居中的css样式如何用css3实现一个扇形？