关于伪类hover选择器的应用
作者:Mc维嘉
- 伪类选择器hover 主要是当鼠标放在在某个元素上时,其样式会根据设定的属性进行变化,根据工程时所需,达到一个理想的变化,一般用于文字或是背景图片的修改;
- 那么究竟如何是用伪类呢,下面请看我详细操作:
- 首先写一下它的一个样式:
ho{
width:666px;
margin:20px auto;
background:#B111ED;
text-align: center;
border:20px dashed #111BDB;
font-size:300px;
line-height: 666px;
}
如图所示:
扫描二维码关注公众号,回复:
5069283 查看本文章
大家可以清晰的看到他的样式,那么接下来给它添加伪类用以改变它的样式:
.ho:hover{
font-weight:bold;
background:#1E29EB;
border:20px dashed #FF0004;
border-radius:50%;
}
效果如图所示:
效果明显发生了很大的变化,这就是伪类的效果!