需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：。
<div style="margin-top: 30pxwidth: 200pxheight:80pxborder: 1px solid blue">
<div style="background-color: whiteposition: absoluteleft: 30pxtop: 15px">文字</div>
</div>
3、浏览器运行index.html页面，此时实现了边框角落开口显示文字。
1、首先准备一个空的HTML5结构，如下图所示，然后在body中添加两个h标签，如下图所示。
2、然后在style标签下书写CSS样式，给h标签的伪元素添加content内容。
3、除了可以运用content添加纯文本内容外，也可以运用它添加文字符号，如下图所示，先定义符号，然后添加符号。
4、接下来就是运用content属性添加图片了，这也是比较常用的功能，如下图所示。
5、最后，来看一下运用content的counter属性来给指定的元素进行计数，如下图所示，h1标签会被添加上序号。
