css制作扇形
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>
制作后的效果:
相关内容
纯静态和伪静态的区别?
我们从以下三个方面,对比纯静态和伪静态两种静态页面生成方式,逐一展开分析。
用JS的正则表达式如何判断输入框内为中文或者是英文数字,或者是三者混编
用JS的正则表达式如何判断输入框内为中文或者是英文数字,或者是三者混编
纯CSS3文字Loading动画特效
纯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年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。