HTML CSS 鼠标鼠标选中的颜色怎么更改

html-css031

HTML CSS 鼠标鼠标选中的颜色怎么更改,第1张

鼠标选中后，背景变色的方法：如：改变选中后，选中区域的背景颜色为浅蓝色。在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}

属性面板里面可以修。

点击窗口打开属性面板，然后选css鼠标选中你要编辑样式的文字点编辑规则，这样css里的样式面板就出来了。

CSS级联样式表一般来讲分3种，第一种外联样式表，CSS样式单独写在一个CSS文件中，HTML页面使用link标签引入这个文件，第二种内联样式表，CSS样式写在HTML页面的head标签内，第三种内嵌样式表，CSS样式直接写在HTML标签的style属性里。