内容生成选择器

最新推荐文章于 2023-03-29 16:48:27 发布

ItDotNet

最新推荐文章于 2023-03-29 16:48:27 发布

阅读量376

点赞数

分类专栏： CSS 文章标签： css ccs选择器 css内容生成选择器级联样式表

本文链接：https://blog.csdn.net/ItDotNet/article/details/52856186

版权

CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

概述：css不仅能够修改样式，还可以生成内容

语法：

选择器：before/after{

content:文本/图片/计数器

}

content属性必须配合:before/:after选择器使用

一、文本内容生成

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <style type="text/css">
        p:before {
            content: 'Css的含义是：';
        }
        p:after{
            content:'___摘自百度百科';
        }
    </style>
</head>
<body>
    <p>层叠样式表(英文全称：Cascading Style Sheets)</p>
    <p>层叠样式表(英文全称：Cascading Style Sheets)</p>
    <p>层叠样式表(英文全称：Cascading Style Sheets)</p>
</body>
</html>