html - 如何在 VSC 中为“边框：大小、颜色、样式”创建自定义快捷方式

Question

我正在学习 Web 开发，我刚开始学习 flexbox。我注意到当我在每个对象周围设置边框时学习 flexbox 会容易得多，这样我就可以看到我到底在改变什么。我发现每次为“边框：颜色、大小、样式”编写完整代码有点笨拙，我想创建一个自定义快捷方式，以便 VSC 能够为我生成这行简单的代码。理想情况下每次都使用随机颜色，但如果不是，那么让我们说黑色。所以最终结果应该是这样的：

写：“brdr”（或其他任何东西，甚至只是 ctrl+随机键，没关系）并按 enter 将自动填充该行： border: 1px solid black;. 甚至更好，每次都是随机颜色。

我想我可以将其添加为宏快捷方式，但最好在 VSC 中有一个选项，以便我可以与我的班级分享。

谢谢大家，对不起，如果问题格式不正确，这里还是新的。

看了一下“添加片段”，但对于初学者来说太混乱了，我不想搞砸任何事情

标签： htmlcss