css3怎样写出不规则五边形
- 网络资讯
- 2024-09-25 20:45:01
写法:1、用“border:长度 solid transparent;border-right:高度 solid 颜色”语句设置元素为三角形样式;2、用“margin:value”语句设置三角形元素和一个与三角形同宽的矩形元素间距为0即可。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css3怎样写出不规则五边形
在css中,想要写出不规则的五边形,首先我们需要创建一个三角形和一个与三角形同宽的矩形元素,然后消除这两个元素中的间距,时一个三角形与一个矩形拼接成一个不规则的五边形即可。
示例如下:
输出结果:
(学习视频分享:css视频教程)
css3怎样写出不规则五边形由讯客互联网络资讯栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“css3怎样写出不规则五边形”