争怎路由网:是一个主要分享无线路由器安装设置经验的网站,汇总WiFi常见问题的解决方法。

css <basic-shape>的基本形状函数有哪一些?如何使用?

时间:2022-11-4作者:未知来源:争怎路由网人气:

farthest-side

ellipse()函数定义椭圆形状。它采用与circle()函数相同的参数列表和值,除了不是采用一个形状半径值,而是采用两个半径rx和ry,它们按顺序表示椭圆的x轴和y轴半径。此外,此处的百分比值是根据参考框的使用宽度(对于rx值)和使用的高度(对于ry值)来解析的。

有关circle()可能的参数,其含义和可能的值的更多信息,请参阅上面的circle()函数说明。

注意:

1、closest-side:

对于圆,这是任何维度中最近的一侧。对于椭圆,这是半径尺寸中最接近的一侧。

2、farthest-side:

对于圆,这是任何尺寸中最远的一面。对于椭圆,这是半径尺寸中最远的一侧。

以下是所有有效的ellipse()形状声明:

使用默认值:

ellipse();

椭圆x半径100px和y半径50px,水平放置30%,垂直放置50%

ellipse(100px 50px at 30% 50%);

定义一个椭圆,其x半径是长度的一半;最长的一侧,y半径是长度的一半;较短的一侧,位于元素坐标系上的坐标分别为:25% 25%

ellipse(farthest-side closest-side at 25% 25%);

定义一个椭圆,其中心位于500px;水平、垂直、x和y都为300 px,半径为10em(这基本上是一个圆圈)

ellipse(10em 10em at 500px 300px);

polygon()

语法:

polygon()= polygon([ < fill-rule >,]?[ < shape-arg >  < shape-arg > ]#)
/ *其中.. * /
<shape-arg> = <length>   

关键词:css <basic-shape>的基本形状函数有哪些?如何运用?




Copyright © 2012-2018 争怎路由网(http://www.zhengzen.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版