CSS如何设置背景颜色为黑色？

html-css013

CSS如何设置背景颜色为黑色？,第1张

以CSS3.3为例来进行设置： Option ->color ->Editor Color ->view setups界面的右上角选择Bright Night 。此时，就可以将编辑窗口的背景设置成黑色了！

例子来自colorui及网上一些资源，不定时更新

例子都只取一个，其他的css样式都是类同的

多类选择器例子：

网上看见一个荧光效果，觉得蛮好看就扒过来分析了一下 https://www.jianshu.com/p/c501fee6fb68

荧光效果主要是:before和:after伪元素起的作用，先将其注释起来，看下原本的效果：

可以看见并没有荧光效果。

这个是给2个伪元素添加一个线性渲染的背景

有了上面蒙层的介绍，这个效果就是整体向外拉伸了2px。 z-index: -1 确保在box的黑色背景底下。注释了黑色背景来看下.box:before的效果:

和before一样，就是多了个高斯模糊，注释了黑色背景来看下.box:after的效果:

所以将3层叠加起来就有了荧光和边框效果。