CSS容器的边框如何自定义样式？通过border属性设置宽度、颜色和样式

等等，昨天我在朋友网站上更改边框时差点犯了一个错误。
他的旧电脑有一个旧浏览器。
使用边框图像时，图像未完全填充，留下白色边框。
检查了半天，发现是border-image-slice值设置不正确。

想一想，无论一个网页多么漂亮，如果出现兼容性问题，在用户使用过程中边框突然变得稀疏，那将是非常令人沮丧的。
因此，即使 border-radius 现在使用得更广泛，那些较旧的浏览器可能仍然需要使用 border 和 box-shadow 的组合来模拟它。

还有一件事是动态边界。
之前我用JavaScript来改变边框颜色，但是每次移动鼠标时，页面都会冻结。
然后我改成了CSS变量+过渡，立刻就流畅了。
这提醒我，如果能用CSS解决，就尽量不要抽离JS。

我突然想到了设计师创造的复杂边框，比如波浪边框、渐变边框。
它是如何实施的？不就是一个边界吗？

css中如何设置单个文字样式

文字装饰只关心字体，不调整颜色或字体。
使用标签对文本进行换行，并分别设置颜色和字体。
颜色、大小、粗细、颜色、字体大小和字体粗细。
对于阴影效果，添加文本阴影。
第一个字符是特殊的，用于::伪元素的第一个字符。
文本装饰受到很大限制，颜色由边框或背景决定。
考虑性能。
不要使用更多的内联元素和复杂的选择器。
你自己掂量一下吧。