hover伪类

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:DW/CSS

作者:余智强                                                                                                                       

撰写时间:2019.2.16

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在页面设计中伪类无疑是其中一亮点操作。而伪类的使用也是非常简单。

  1. 是通过鼠标要悬停的目标选择到要改变的目标。
  2. 是设置要改变目标的属性。

我简易的举个例子:

就是这样的两个由联系的div,我再加上一些代码,

       .a:hover .b{

           width: 100px;

              height: 100px;

              background: #c2b;

       }

将鼠标停在div(a)上。获得

伪类可以改变其的属性,擅于利用hover可以使得页面布局更加多样化。

好了,本文就到此结束(我是小白求轻喷

猜你喜欢

转载自blog.csdn.net/weixin_44541467/article/details/87883076
今日推荐