css3的怎么设置圆的框

2024-02-21 22:35:04

CSS 用于控制网页的样式和布局。

CSS3 是最新的 CSS 标准。

三大基本选择器是标签类选择器和id选择器

其中ID选择器大于类选择器大于标签选择器

       <style type="text/css">
           div{
               background: green;
               border:1px solid pink;
           }
           .a{
           height:50px;
           width: 100px;
           border-radius: 0px 0px 50px 50px;
           }
               .a2{
           height:50px;
           width: 50px;
           border-radius: 0px 0px 0px 50px;
           }
               .a3{
           height:200px;
           width: 200px;
           border-radius: 100px 100px 100px 100px;
           }

                   .a4{
           height:50px;
           width: 50px;
           border-radius: 50px 0px 50px 50px;
           }

       </style>








   </head>
   <body>
       <div class="a"></div><br />
       <div class="a2"></div><br />
       <div class="a3"></div><br />
       <div class="a4"></div><br />
   </body>
</html>