css3半圆弧线,css3实现画半圆弧线的示例代码

本文介绍了css3实现画半圆弧线的示例代码，分享给大家，具体如下：

css代码

.circle1 {

width: 100px;

height: 200px;

border: 1px solid black;

border-radius: 100% 0 0 100%/50%;

border-right: none;

}

.circle2 {

width: 200px;

height: 100px;

border: 1px solid black;

border-radius: 50% 50% 0 0/100% 100% 0 0;

border-bottom: none;

}

.circle3 {

width: 100px;

height: 200px;

border: 1px solid black;

border-radius: 0 100% 100% 0/50%;

border-left: none;

}

.circle4 {

width: 200px;

height: 100px;

border: 1px solid black;

border-radius: 0 0 50% 50%/0 0 100% 100% ;

border-top: none;

}

html代码

效果如下：

css3半圆弧线,css3实现画半圆弧线的示例代码相关推荐

页面展开收起php代码,纯CSS3实现移动端展开和收起效果的示例代码
本文介绍了纯CSS3实现移动端展开和收起效果的示例代码,分享给大家,具体如下: 展示效果: HTML代码展开收起唧唧复唧唧,木兰当户织.不闻机杼声,惟闻女叹息.(惟闻通:唯)问女何所思,问女何 ...
python 画三维函数图-如何用Matplotlib 画三维图的示例代码
最基本的三维图是由(x, y, z)三维坐标点构成的线图与散点图,可以用ax.plot3D和ax.scatter3D函数来创建,默认情况下,散点会自动改变透明度,以在平面上呈现出立体感三维的线图和散 ...
python画三维立体图-如何用Matplotlib 画三维图的示例代码
用Matplotlib画三维图最基本的三维图是由(x, y, z)三维坐标点构成的线图与散点图,可以用ax.plot3D和ax.scatter3D函数来创建,默认情况下,散点会自动改变透明度,以在平 ...
python怎样画立体图-如何用Matplotlib 画三维图的示例代码
用Matplotlib画三维图最基本的三维图是由(x, y, z)三维坐标点构成的线图与散点图,可以用ax.plot3D和ax.scatter3D函数来创建,默认情况下,散点会自动改变透明度,以在平 ...
python画三维立体图完整代码_如何用Matplotlib 画三维图的示例代码
最基本的三维图是由(x, y, z)三维坐标点构成的线图与散点图,可以用ax.plot3D和ax.scatter3D函数来创建,默认情况下,散点会自动改变透明度,以在平面上呈现出立体感三维的线图和散 ...
python绘制三维地形图_如何用Matplotlib 画三维图的示例代码
用Matplotlib画三维图最基本的三维图是由(x, y, z)三维坐标点构成的线图与散点图,可以用ax.plot3D和ax.scatter3D函数来创建,默认情况下,散点会自动改变透明度,以在平 ...
计算机图形学画图形,计算机图形学（三种画线算法）(示例代码)
第二章:光栅图形学算法 1.光栅显示器:光栅扫描式图形显示器简称光栅显示器,是画点设备,可看作是一个点阵单元发生器,并可控制每个点阵单元的亮度 2.由来:随着光栅显示器的出现,为了在计算机上处理.显示 ...
matlab画三维图如何更改颜色,matlab画三维图像的示例代码(附demo)
当我们学习surface命令时,已经看到了三维作图的一些端倪.在matlab中我么可以调用mesh(x,y,z)函数来产生三维图像. 首先,我们用z=cos(x)sin(y)在-2pi ≤x,y≤ 2 ...
indesign如何画弧线_硬币画警车简笔画【图文+视频教程】
第221期原创教程警车简笔画 ▼ 男孩福利来啦!小男孩都会喜欢警车和恐龙玩具吧,前面我们画了恐龙简笔画.消防车简笔画和挖掘机简笔画,今天我们来画警车简笔画,准备好两个硬币,一起来画吧. 绘画步骤 s ...

css3半圆弧线,css3实现画半圆弧线的示例代码

css3半圆弧线,css3实现画半圆弧线的示例代码相关推荐

最新文章

热门文章