html
文章平均质量分 67
weixin_53844810
这个作者很懒,什么都没留下…
展开
-
在网页中生成三角形箭头
例如:在小米官网中,我们需要设置一个向上的小三角。我们可以通过设置border的方法来设置。原理:通过盒子的边框连接的梯形斜线来实现这是一个宽度为100px,高度为100px的盒子的边框当我们把高度和宽度都改为0时。效果图如右图所示这时,我们把上边框去掉。效果图如右图所示可以看出此时,已经有了三角的雏形,接下来只要把上右左的边框颜色改为透明即可得到一个向上的三角形。以下为生成向上,向下,向右,向左四个方向的三角箭头的方法。<!DOCTYPE ht...原创 2021-10-19 14:42:14 · 426 阅读 · 0 评论 -
解决高度塌陷问题
高度塌陷:在浮动布局中,父元素的高度默认是被子元素撑开的。当子元素浮动以后,其会完全脱离文档流,子元素从文档流脱离,将会无法撑起父元素的高度,导致父元素高度的缺失。父元素的高度丢失以后,其下的元素会上移,导致页面布局的混乱,因此高度塌陷的问题必须要解决!由于我们希望父元素的高度是被子元素撑开的,因此父元素不设置高度。<html lang="en"><head> <meta charset="UTF-8"> <meta http-e原创 2021-10-18 01:57:41 · 96 阅读 · 0 评论