关于伪类hover选择器的应用

                                     关于伪类hover选择器的应用

                                                                                                                           作者：Mc维嘉

•    伪类选择器hover 主要是当鼠标放在在某个元素上时，其样式会根据设定的属性进行变化，根据工程时所需，达到一个理想的变化，一般用于文字或是背景图片的修改；
•   那么究竟如何是用伪类呢，下面请看我详细操作：
•   首先写一下它的一个样式：

ho{

       width:666px;

       margin:20px auto;

       background:#B111ED;

       text-align: center;

       border:20px dashed #111BDB;

       font-size:300px;

       line-height: 666px;

}

如图所示：

大家可以清晰的看到他的样式，那么接下来给它添加伪类用以改变它的样式：

.ho:hover{

       font-weight:bold;

       background:#1E29EB;

       border:20px dashed #FF0004;

       border-radius:50%;

}

效果如图所示：

效果明显发生了很大的变化，这就是伪类的效果！