需要准备的材料分别有：电脑、浏览器、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页面，此时实现了边框角落开口显示文字。
这里分享下在css中为字符串中的每一行设置样式的方法。
操作设备：联想电脑
操作系统：win10
代码编辑器：zend studio 10.0
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用p标签创建一行字符，用于测试。
2、在test.html文件内，给p标签添加一个class属性，用于样式的设置。
3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
4、在css标签内，通过class属性和“:first-letter”选择第一个字符，使用color属性设置它为红色。
5、最后在浏览器打开test.html文件，查看实现的效果。
