这里分享下在css中为字符串中的每一行设置样式的方法。
创新互联专注于企业营销型网站建设、网站重做改版、合川网站定制设计、自适应品牌网站建设、H5场景定制、商城网站制作、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为合川等各大城市提供网站开发制作服务。
操作设备：联想电脑
操作系统：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:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/}
这里主要是设置外层轨道的形状和颜色。
4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*内层轨道*/}
这里主要是设置内层轨道的形状和颜色。
5.代码工作做完后，就可以查看效果，效果如下红框所示，滚动条设置完成。
