末世未然

作为一名30多岁的前端，并且只会前端的我来说，2022要总结的东西有很多，但总结起来其实就是一句话：工资不见往上涨，我还不敢往外闯

在写这篇文章之前，先感谢大帅老师@大帅老猿，是他让我重新拿起了笔在掘金上输出文章。本人17年就注册了掘金账号，潜水到21年初，才在掘金写了第一篇文章，之后又陆续写了3篇，都没有啥点赞和阅读量，兴致就低

昨天用div画了一个太极八卦图，发布文章后才发现少了两个小圆，难怪感觉怪怪的，于是今天补上这两个小圆，另外在实现上也比之前更好了，算是第一版的升级版。一起来看看吧

最近喜欢研究一个div画图，上一次用一个div画图还是 # 我用一个div就画出了一个大西瓜~ 。昨天用一个div画了个五角星。今天灵机一动，想画个太极八卦图。

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第33天，点击查看活动详情 通常情况下，我们使用border都是设置一个颜色，这没什么特别的，一个红色边框的方形： 但是大家试过多个

今天带大家来学习制作条纹背景，保证干货满满，看完直呼“学废了”。喔！有意思，这不就是条纹了嘛？设置下background-size不就实现了条纹背景了？

有时我们需要一个容器，只在内侧有圆角，而边框的四个角仍然保持直角状态，一般拿到这种需求，我们可能会这样写。利用两个div可以很轻松搞定。那么如果不用两个div，只用一个可以吗？让我们来打开自己的脑洞吧

通常情况下，我们设置边框只设置一重，边框的实现也非常简单，直接使用border即可。那么如果要实现两个边框甚至更多呢？有没有什么办法可以实现呢？今天就带大家来揭秘css之box-shadow。

有一天老王和他的产品聊了一些需求后跟我抱怨，寻求帮助。事情是这样的： 产品：这个按钮加个半透明的边框，这样显得高大上点。老王：简单！安排！一小时后...