重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这里分享下在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.代码工作做完后,就可以查看效果,效果如下红框所示,滚动条设置完成。