这里分享下在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文件，查看实现的效果。
有三种方法：行内样式 直接在标签里面添加style属性，在style属性里面写样式即可；
内部样式 在<head>标签里面通过<style>标签来写入内部样式；
外部样式 通过<link>标签引入外部样式表。
在css设置可改变大小的div滚动条样式方法：
1.首先新建html文档，进入代码书写界面。
2.在</head>和<body>的里面写入代码，在<div>里面写入想要输入的内容</div>。
3.书写外层轨道css代码。body::-webkit-scrollbar { width:20pxheight:2pxbackground:#cccborder-radius:10px/*外层轨道*/}
这里主要是设置外层轨道的形状和颜色。
4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:blockwidth:6pxmargin:0 autoborder-radius: 10pxbackground:red/*内层轨道*/}
这里主要是设置内层轨道的形状和颜色。
5.代码工作做完后，就可以查看效果，效果如下红框所示，滚动条设置完成。
