CSS伪类

最新推荐文章于 2023-06-29 17:29:19 发布

不会写代码的菜

最新推荐文章于 2023-06-29 17:29:19 发布

阅读量988

点赞数 1

分类专栏： css 文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_52629592/article/details/125363510

版权

css 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

CSS伪类

CSS伪类专门用来表示标签的一种的特殊的状态，当我们需要为处在这些特殊状态的标签设置样式时，就可以使用伪类
伪类的语法:
- : hover 伪类表示鼠标移入的状态
- : active 表示的是被点击的状态
- : focus 向拥有键盘输入焦点的标签添加样式

代码示例入下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            .a1{
                color: #7FFF00;
            }
            /* :hover 伪类表示鼠标移入的状态 */
            /* 鼠标移入到标签上切换此伪类定义的样式表 */
            .a1:hover{
                color: #A52A2A;
            }
            /* :active 表示的是被点击的状态 */
            .a1:active{
                color: aquamarine;
            }
            /* :focus 向拥有键盘输入点击的标签添加样式 */
            #t1:focus{
                color: blue;
            }
        </style>
    </head>
    <body>
        <a href="" class="a1">百度</a><br />
        <input type="text" id="t1" value="百度" />
    </body>
</html>

运行结果如下:

不会写代码的菜

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS伪类

CSS伪类专门用来表示标签的一种的特殊的状态，当我们需要为处在这些特殊状态的标签设置样式时，就可以使用伪类伪类的语法:: hover 伪类表示鼠标移入的状态: active 表示的是被点击的状态: focus 向拥有键盘输入焦点的标签添加样式代码示例入下: 运行结果如下:...
复制链接

扫一扫