css3 画半圆和1/4圆

半圆：

#circle1 {
width: 100px;
height: 200px;
background-color: #a72525;
-webkit-border-radius: 100px 0px 0px 100px;
}

宽度为高度的一半，相应的圆角值，right 和top或bottom 值为0。

#circle2 {
width: 200px;
height: 200px;
background-color: #a72525;
-webkit-border-radius: 200px 0 0 0;
}

宽高相同，圆角值和宽高相同，其他为0。

转载于:https://www.cnblogs.com/liuna/p/5379852.html

css3 画半圆和1/4圆相关推荐

css3半圆弧线,css3实现画半圆弧线的示例代码
本文介绍了css3实现画半圆弧线的示例代码,分享给大家,具体如下: css代码 .circle1 { width: 100px; height: 200px; border: 1px solid bl ...
matlab画圆的命令_matlab画半圆
matlab画半圆 (2014-01-07 05:41:01) clear % 清除所有workspace中的变量. [x,y] = meshgrid ([-1:.05:1]); % 这是在打网点,自 ...
[css] 使用css3画一个扇形
[css] 使用css3画一个扇形四个半圆叠加,过半调整 z-index .container { width: 200px; height: 200px; position: relative; ...
如何用c语言画个叮当猫,如何使用CSS3画出一个叮当猫
刚学习了这个案例,然后觉得比较好玩,就练习了一下.然后发现其实也不难,如果你经常使用PS或者Flash的话,应该就会知道画个叮当猫是很容易的事,至少我是这么觉得.但是,用CSS3画出来确实是第一次接 ...
css3 画太极图——用三个div实现
(1)首先,绘制背景: <!doctype html> <html lang="en"><head><meta charset=" ...
vbs画动态爱心代码_前端必看之如何用CSS3画一个八卦和爱心
昨天雷雨交加,燥热有所缓解.今晨空气清新,再加上马上三天小长假,心情很不错,祝各位小长假玩的开心.那么,今天就用CSS3做些"不正紧"的事:画八卦和爱心. CSS3我们一般都是用来 ...
html怎么做半圆形按钮,css3做出半圆弧线
这次给大家带来css3做出半圆弧线,css3做出半圆弧线的注意事项有哪些,下面就是实战案例,一起来看一下. 本文介绍了css3实现画半圆弧线的示例代码,分享给大家,具体如下: css代码.circle ...
用css3画一个哆啦A梦
今天偶然看到朋友用纯css3画了一个素描杯,很受启发,css3这么好玩的代码再不玩就要荒废了,于是决定画个哆啦A梦来复习一下css基础知识.用css作画最重要的就是要做好定位,其次是通过边框属性来切割 ...
css3画一个三角形,css3 画三角形
/*箭头向上*/ .arrow-up { width:0; height:0; border-left:20px solid transparent; border-right:20px solid ...

css3 画半圆和1/4圆

css3 画半圆和1/4圆相关推荐

最新文章

热门文章