在CSS中如何实现鼠标移上去后,字体变颜色?

html-css025

在CSS中如何实现鼠标移上去后,字体变颜色?,第1张

参照以下代码:

写在标签内的鼠标经过的语句。

<p>查找更多代码,.borderColor之类的前面一定要有style,因为是改变行内样式,如果是classname就不用,如onMouseOut="this.style.background='url(image/login_2.jpg)'" ,一定要'url()',不然出错。

<div  class="cbt2" onMouseOver="this.className='cbt1'" onMouseOut="this.className='cbt2'"><span class="btsue" onMouseOver=" this.style.color='#FFFFFF'" onMouseOut="this.style.color='#0066cc'" >确 认</span></div>

1、双击打开HBuilder工具,新建一个HTML5静态页面模板。

2、在<body></body>标签内,插入一个div标签,并设置对应的ID属性和内容。

3、在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。

4、保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。

5、将css样式属性中的vmin改为vmax,然后保存代码并查看效果即可。

css中font字体的设置方法如下:

1.在css页面中,设置字体的颜色通过下面的代码:

2.字体的color值,一般都是使用#加16进制的颜色值来表示。也有一些编译器支持直接使用颜色的英文单词来表示。如下图:

3.color是颜色的意思,color用来设置一个标签的前景色,表现出来也就是元素文本的颜色。css还可以设置字体的其他属性,如font-familay可以设置字体的类型,font-size可以设置字体的大小等。

扩展资料:

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

参考资料:CSS-百度百科