首页 > 互联资讯 > 网络资讯  > 

css3怎样写出不规则五边形

写法:1、用“border:长度 solid transparent;border-right:高度 solid 颜色”语句设置元素为三角形样式;2、用“margin:value”语句设置三角形元素和一个与三角形同宽的矩形元素间距为0即可。


本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3怎样写出不规则五边形

在css中,想要写出不规则的五边形,首先我们需要创建一个三角形和一个与三角形同宽的矩形元素,然后消除这两个元素中的间距,时一个三角形与一个矩形拼接成一个不规则的五边形即可。

示例如下:

五边形

输出结果:


(学习视频分享:css视频教程)


css3怎样写出不规则五边形由讯客互联网络资讯栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“css3怎样写出不规则五边形