简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Backend Development > PHP Tutorial > body text

打造多边形div

WBOY
Release： 2016-06-13 12:58:10
Original
1210 people have browsed it

制作多边形div
小弟在做网页的时候遇到一个问题：想产生多边形的div，前面的div凸出一个三角形，后面的div凹进一个三角形，让两个div凸出与凹进的部分正好嵌入，重叠，请问各位大侠，怎么实现呢？
------解决方案--------------------
用图片欺骗实现，用PHP自绘不美观，用canvas绘不兼容，还是图片好，你在哪见到例子复杂图型是绘出来的
------解决方案--------------------
如果硬要用div实现，用极小的div模拟成线，即三角形的边。


Related labels：
canvas div php
source：php.cn
Previous article： swf文件嵌入有关问题 Next article： 初学者请问php模板标签的意思
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
Vue 3 and Vuetify 3 access SCSS/SASS variables in components I want to use predefined variables in my Vue3 component. <template><divclass=&quo...
From 2023-11-17 13:52:29
0
1
293
Preserve caret position in HTML contenteditable when inner HTML changes I have a div that acts as a WYSIWYG editor. It acts as a text box but renders Markdown syn...
From 2023-11-08 22:38:23
0
2
285
How can I set the height of an outer div to always be equal to the height of a specific inner div? I have an outer div that contains three inner divs. I want the leftmost inner div to alway...
From 2023-11-07 13:59:30
0
2
314
How to translate component attributes/properties using Vue I18n How to translate incoming properties/properties of a component? For example, I have a card...
From 2023-11-07 12:47:10
0
2
163
Rewrite the title to: Vue 3: Transfer content to element and replace I'm using Vue3's teleport to render an element into a div and it works as expected. Telepo...
From 2023-11-06 11:01:38
0
1
451
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！