伪元素

最新推荐文章于 2024-07-11 17:14:12 发布

不好意思，此人不存在

最新推荐文章于 2024-07-11 17:14:12 发布

阅读量110

点赞数 1

文章标签： css html

本文链接：https://blog.csdn.net/qq_44278908/article/details/113813978

版权

伪元素

伪元素，表示页面中一些特殊的并不真实存在的元素（特殊的位置）
伪元素使用方法 ::开头

::first-letter 表示第一个字母

::first-line 表示第一行

::selection 表示选中的内容

::before 元素的开始

::after 元素的最后

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <style>
        p{
            font-size: 20px;
        }
        p::first-letter{
            font-size: 50px;
        }
        p::first-line{
            background-color: red;
        }
        p::selection{
            backgroud-color:greenyellow;
        }
        div::before{
        content:'abc';
        color:red;
        }
        div::after{
        content:'haha';
        color:blue;
        }
    </style>
</head>
<body>
<div>Hello World!</div>
    <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cum, voluptates. Perferendis, fugiat facere neque tempora dicta eum officia architecto, dolorem voluptatum pariatur, accusamus ut. Quisquam aliquid illo reprehenderit tenetur omnis.
    </p>
</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不好意思，此人不存在

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
伪元素

伪元素伪元素，表示页面中一些特殊的并不真实存在的元素（特殊的位置）伪元素使用方法 ::开头::first-letter 表示第一个字母::first-line 表示第一行<!DOCTYPE html><html lang="en"><head> <title>Document</title> <style> p{ font-size: 20px; }
复制链接

扫一扫