您的位置：首页洛壹视点网站开发技术 css制作扇形

css制作扇形

发表日期：2022-03-07 18:48:43 文章编辑：洛壹网络文章来源：网站制作要求

css制作扇形：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CSS制作扇形</title>
    <style>
        .box{
            width: 300px;
            height: 300px;
            background-color: red;
        }
        .box1{
            width: 200px;
            height: 200px;
            /* //倒圆角，依次上，右，下，左 */
            /* 设置像素或者百分比值来制作扇形 */
            border-radius: 50% 0 0 ;
            background-color: #fff;
        }
    </style>
</head>
<body>
   <div class="box">
       <div class="box1"></div>
   </div>
</body>
</html>

制作后的效果：

css制作扇形

本文链接：https://www.looit.cn/news/details-12-855.html

版权声明：

1：本站所有内容均由互联网收集整理、上传，并且以计算机技术研究交流为目的，仅供大家参考、学习，不存在任何商业目的与商业用途，如描述有误或者学术不对之处欢迎及时提出，不甚感谢。

2、如涉及版权问题，请联系我们4724325@qq.com第一时间处理；

上一篇：用JS的正则表达式如何判断输入框内为中文或者是英文数字，或者是三者混编

下一篇：纯CSS3文字Loading动画特效

相关内容

最新签约公司新闻网站开发技术网站建设知识网站SEO优化网站设计视觉小程序行业资讯

纯静态和伪静态的区别？

我们从以下三个方面，对比纯静态和伪静态两种静态页面生成方式，逐一展开分析。

用JS的正则表达式如何判断输入框内为中文或者是英文数字，或者是三者混编

纯CSS3文字Loading动画特效

PhpStorm 2022.1 EAP＃3 发布：增强多行和嵌套数组形状

PhpStorm 2022.1 EAP 3 在 PHPDoc 和属性中添加了对多行和嵌套数组形状的完全支持：在这种情况下，可以使用数组形状注释定义数组结构，以获得键的代码补全并推断值的类型。

2022年PHP的现状以及最新版本带来的特性

PHP作为Web界第一大语言近年来热度不够，但是这几年的进步和成长却没有中断。在2022伊始，我们来一起学习一下目前PHP的现状以及最新版本带来的特性。

网站开发技术分享：Linux程序前台后台切换详解

Linux程序前台后台切换：在Linux终端运行命令的时候，在命令末尾加上 & 符号，就可以让程序在后台运行Ubuntu$">root@Ubuntu$ ./tcpserv01 &

如何分辨python换行符，Python换行符的多行模式

Python 的正则表达式支持多行模式，将每行文字分别匹配。然而各种操作系统里，换行符的表示法各不相同，会导致 Python 不能正确使用多行模式。

影响整个网页的成败，Flex弹性布局介绍

弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。