壹 ❀ 引 这两天因为项目工作较少，闲下来去看了GitHub上关于面试题日更收录的文章，毕竟明年有新的打算。在CSS收录中有一题是 用css创建一个三角形，并简述原理 。当然对于我来说画一个三角形是没难度的，简述原理？我突然一愣，虽然我知道通过边框可以做到，那为什么这么设置边框可以实现呢，抱着 ...

在网页中，你在很多地方都能看到倒三角，比如tooltips，下拉菜单等。大家有几种方式来实现呢？ 1.BASE64编码 图片 假如你已经有了三角形的图片，并且减少HTTP请求，那么将这个图片转换成一个BASE64字符串是最好的解决方案。 有用的工具 http ...

今天看切图教程时发现一个有趣的设计，即三角形，之前接触的都是矩形，三角形我们该怎么设计的。 首先我们需要知道的是，CSS中矩形边相交的地方都有一个突出的棱角，知道了这点，原理则不难解释。 当我们把div的宽高都设置为0时，那么就只剩下了边框，通过设置边框的厚度和颜色，我们就可以来设置 ...

最近找实习有一丢丢蛋疼，沉迷鬼泣5，四周目通关，又不想写代码，写篇笔记复习一下，要好好学图形学啊 用OpenGL画一个三角形 项目的简介 记录一下跟着learnOpenGL学习的过程 笔记里的代码放在github上，依赖都用相对路径配好了，直接下载就能用，IDE是VS2017 ...

div+css画三角形代码原理采用的是均分原理；在矩形的直角，两条边的样式要均分，把 div 的宽 高设为零，四条边 top right bottom left 设置一个宽度，把需要显示的一边设置有色，其他的设置透明，就这样一个三角形就出来了代码如下: <style> .box ...

使用css画出如下的聊天框： 结构：<div class="chat"></div> css: 使用:before画出一个深色的三角形，然后使用:after画出一个白色的三角形，两个三角形错开2px。 ...

正三角 输出结果： 正三角解题思路： -->外层循环输出行数 ---->内层第一个循环输出空格占位子， ---->内层第二个循环输出的个数，的个数是找出规律得到的。 倒三角 输出结果： 倒三角解题思路： -->外层循环输出 ...

<style> #triangle-down { width: 0; height: 0; border-left: 50 ...