关于伪类使用

                关于伪类

 

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

开发工具与关键技术： CSS

撰写时间：2021/6/18

注意红色箭头指向内容，本文将分为5张图片，并按从上到下顺序操作

1.我们先简单看看效果。

2.利用浏览器打开看到的效果是一个方框，然后将鼠标移到方框里面之后会触发伪类效果。

   

3.开始，我们先给它设置一对div标签。

4.接下来，我们简单的给它设置一些属性；

5.如下图， 设置宽度、高度、内边距以及边框；

6.border设置的分别为：边框粗细、实线、颜色。

7.伪类：hover；

8.给div设置一个hover伪类，然后再设置所需颜色值，用浏览器打开即可。

此方法通过伪类实现效果，然后以此方式进行分享，希望可以帮助到你们，新手小白懂得不多，如有不当还望见谅，多多关照！

以上就是我的分享，如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！