CSS颜色选择

html-css015

CSS颜色选择,第1张

亮蓝色:#409EFF

success: #67C23A

warning: #E6A23C

danger: #F56C6C

info: #909399

主要文字:#303133

常规文字:#606266

次要文字:#909399

占位文字:#C0C4CC

一级边框:#DCDFE6

二级边框:#E4E7ED

三级边框:#EBEEF5

四级边框:#F2F6FC

鼠标选中后,背景变色的方法:如:改变选中后,选中区域的背景颜色为浅蓝色。在css中写入如下代码:/* webkit, opera, IE9 */::selection { background:lightblue}/* mozilla firefox */::-moz-selection { background:lightblue}说明:1、-moz-属性前缀是个火狐浏览器用的,而基本的::selection选择器是给谷歌浏览器用的。2、background后面可以直接使用颜色值。如:::selection { background:#ffff00}另外:跟其它CSS选择器的用法一样,也可以嵌套使用,在不同的地方显示不同的颜色。如下:/* webkit, opera, IE9 */div.highlightBlue::selection { background:lightblue}/* mozilla firefox */div.highlightBlue::-moz-selection { background:lightblue}</p><p>/* webkit, opera, IE9 */div.highlightPink::selection { background:pink}/* mozilla firefox */div.highlightPink::-moz-selection { background:pink}

给某个标签指定颜色

字体颜色:color: 颜色

背景颜色:background: 颜色

代码

p{

color: red

background: blue

}