简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Backend Development> PHP Tutorial> body text

制作多边形div

Robert De Niro
Release： 2016-06-23 14:20:40
Original
1118 people have browsed it

小弟在做网页的时候遇到一个问题：想产生多边形的div，前面的div凸出一个三角形，后面的div凹进一个三角形，让两个div凸出与凹进的部分正好嵌入，重叠，请问各位大侠，怎么实现呢？


回复讨论(解决方案)

用图片欺骗实现，用PHP自绘不美观，用canvas绘不兼容，还是图片好，你在哪见到例子复杂图型是绘出来的

如果硬要用div实现，用极小的div模拟成线，即三角形的边。


大牛来帮帮小弟啊，感激不尽！

你说说看，HTML的什么标记能产生三角形？

最简单用图片。。。。

svg 可以吗?

Related labels：
制作多边形div
source：php.cn
Previous article：本地多端口多站点伪静态如何配置？ Next article：关于定时刷票的一个算法问题
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to set margins/padding (HTML/CSS) for each page printed? I have a lot of content on my page, but I have no control over where it breaks. I put some...
From 2023-10-20 17:34:03
0
1
278
on multiple carousel slides" class="wdcdcTitle">PHP
on multiple carousel slides Excuse: I'm making a homepage with a carousel. Carousels work great. However, each slide h...
From 2023-09-15 14:13:53
0
1
248
CSS: Remove drop shadow from div inside Vuetify dialog with drop shadow I have a dialog with a triangle added using CSS on a div. But the CSS trick is that part o...
From 2023-09-13 19:57:28
0
1
210
How to prevent the converted elements from overflowing and automatically cutting them off? I'm using Bootstrap4 to make a modal gallery for a friend's personal website. I set it up ...
From 2023-09-07 20:04:02
0
1
290
How to make 3 transparent holes using Radial-gradient inside -webkit-mask but keep the image I'm working on a project and need to make a div that must have 3 random holes in its borde...
From 2023-09-02 21:32:42
0
2
281
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！