css里鼠标悬停变色怎么弄?css中悬停改变样式的最好方法是用伪类选择器div:hover{}。css代码示例如下:div{width:100pxheight:200pxbackground:#000}div:hover{background:#fff}这是一个修改背景颜色的示例,伪类里可以修改跟多的样式,宽度,高度或者字体大小,字体颜色都是可以修改的
css里鼠标悬停变色怎么弄?
css中悬停改变样式的最好方法是用伪类选择器div:hover{}。css代码示例如下:div{width:100pxheight:200pxbackground:#000}div:hover{background:#fff}这是一个修改背景颜色的示例,伪类里可以修改跟多的样式,宽度,高度或者字体大小,字体颜色都是可以修改的。css设置鼠标滑过背景变色鼠标滑过背景变色?
很多网页中我们都看到当鼠标滑过一个内容时,这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到 :hover 就可以设置成功。语澳门威尼斯人法: div:hover{background-color: red}
1.创建一个新的html文件。如图{pinyin:tú}
2.在html文件上找到body标签,在《拼音:zài》这个标签里创建一个div标【练:biāo】签并设置class类为(繁体:爲)bg 。 如图:
代码{练:mǎ}:
3.在title标签后创建style标签用来给bg类添加样式。在这给bg类【繁体:類】设置了一个宽、高(读:gāo)和背景颜色。 如图
代码:
.bg{
width: 150px
height: 150px
}
4.设[繁:設]置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过:hover,然后设置鼠标滑过时的(pinyin:de)背景颜色。如图
代码《繁体:碼》:
.bg:hover{
background-color: burlywood
}
5.实用浏览器打开。保存好html后使用浏览器打开,在鼠标没有滑过div时背景是红色的,当鼠标滑过div的时《繁体:時》候背景从[繁体:從]红色变为了棕色
6.所有yǒu 代码,可把所有代码《繁:碼》直接复制到新家的html文件上,保存好后用浏览器打开即可看到效果{pinyin:guǒ}。如图:
所有(pinyin:yǒu)代码:
.bg{
width: 150px
height: 150px
background-color: red
}
.bg:hover{
background-color: burlywood
}
本文链接:http://21taiyang.com/Business-Operations/8770625.html
css设置鼠标悬停状态[拼音:tài]转载请注明出处来源