css3怎么画出斜面的四色空心圆环

css3怎么画出斜面的四色空心圆环,第1张

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>四色空心圆环</title> 
<style>
{ padding:0;margin:0;font-size:14px; }
/ 第一种 /
wai{ width: 360px;height: 360px;position: relative;margin: 120px auto;border-radius: 50%;overflow:hidden; }
nei{ width: 160px;height: 160px;line-height:160px;text-align:center;background-color: #FFF;border-radius: 50%;position: absolute;margin: auto;left:0;right:0;top:0;bottom:0; }
wai fx{ width: 100%;height:100%;position:absolute;transform:rotate(45deg); }
top{ background: #FF00FF;width: 180px;height:180px;position: absolute;top:0;left:0; }
right{ background: #7B4DB1;width: 180px;height:180px;position: absolute;top:0;right:0; }
bottom{ background: #1AA260;width: 180px;height:180px;position: absolute;bottom:0;right:0; }
left{ background: #20647D;width: 180px;height:180px;position: absolute;bottom:0;left:0; }
/ 第二种 /
ease{
width: 360px;height: 360px;margin: 120px auto;border:100px solid red;border-radius:50%;overflow:hidden;
box-sizing:border-box;line-height:160px;text-align:center;
border-top-color: #FF00FF;border-right-color: #7B4DB1;border-bottom-color: #1AA260;border-left-color: #20647D;
}
</style>
</head>
<body>
<!--  第一种  -->
<div class="wai">
<div class="fx">
<div class="top"></div>
<div class="right"></div>
<div class="bottom"></div>
<div class="left"></div>
</div>
<div class="nei">Hello</div>
</div>
<!--  第二种  -->
<div class="ease">Hello</div>
</body>
</html>

1,你用的是Flash吧,先选中画圆工具,在颜色那一块笔形的后面选中你要的空心圆的线条颜色,在桶形后面点开,右上角有一个带斜线的白色矩形,点它之后画圆了
2,你用的是shotoshop那就可以先用左上角的工具画一个圆再执行:编程编辑->描边就可以了

1、首先,我们在工具栏这里,调出椭圆工具,或者是按键盘的O键也行。
2、这时候会显示出椭圆相关的设置选项,我们看椭圆选项这里的内径。
3、鼠标点住滑块,向右边滑,越向右边滑,数值越大,那么,圆环内里的洞就会越大。
4、再勾选:闭合路径。然后,在舞台中按SHIFT键,画出一个正圆即可。

Rhino是常用的模型制作软件,怎样在Rhino中制作圆环,接下来分享一下方法。

设备:联想电脑

系统:Windows

软件:Rhino50

1、首先在系统中找到Rhino软件打开,在工具栏中选择圆形工具。

2、在窗口中绘制一个圆形。

3、然后在工具栏中选择旋转成形命令。

4、接着选择绘制好的圆形。

5、最后选择旋转中心,输入旋转角度,按回车键完成 *** 作。

你好!我不知你使用的是什么版本的EXCEL,那我就将就用2007的跟你叙述吧。不过我感觉形式都差不多的,方法就是:插入——“插图”里的“形状”——“基本形状”里的“同心圆”,这时就会出现空心的小圆圈了,然后点击空心的小圆圈做设置就可以了。
希望我的回答能让你满意!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12741054.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存