十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
有三种常用方式:1、通过id 例:style#test{color:red;}/stylediv id="test" test/div
创新互联专注于七星关区企业网站建设,响应式网站设计,商城网站定制开发。七星关区网站建设公司,为七星关区等地区提供建站服务。全流程定制制作,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
2、通过类名 例:style.test{color:blue;}/stylediv class="test" test/div
3、直接放在div标签里 例:div style="color:purple" test/div
在css样式中设置浏览器滚动条样式操作步骤如下:
1.打开软件,新建html文档,如下图红框所示为新建界面。
2.在/head和body中间书写hmtl代码,div这里面输入你想要输入的内容即可/div,如下图红框所示。
3.然后在body和/body中间书写外层轨道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.以上代码代码输入完成,就可以运行看效果,效果如下红框所示,滚动条设置完成,如果不喜欢样式,回去修改代码属性即可。
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签一个模块,在div内,再使用div标签创建两个内部模块,下面将让两个内部div并排显示。
3、在test.html文件内,分别给每一个div设置class属性,分别为wdiv,fldiv,frdiv。
4、在css标签内,设置class为wdiv的div样式,定义其宽度为500px,高度为400px,背景颜色为灰色。
5、在css标签内,再分别设置class为fldiv和frdiv的样式,定义它们的宽度为240px,高度为350px,同时,使用float属性分别设置一个div浮动向左,另一个浮动向右,从而实现并排显示。
6、最后在浏览器打开test.html文件,查看实现的效果,就完成了。