css设置滚动条

在页面中,常常要将一些内容以滚动的形式来展示,下面我们就来看看css如何设置滚动条;

操作方法

  • 01

    首先让我们创建一个HTML文件,如图所示;

  • 02

    让我们通过记事本来编辑,书写上一个HTML的整体结构,如图所示;

  • 03

    书写一个div模块,如图所示;

  • 04

    接着让我们开始写css代码,如图代码;

  • 05

    定义上div的长宽,如图红框位置;

  • 06

    利用overflow属性,来设置是否展示滚动栏;

  • 07

    让我们打开HTML网页,如图,我们就已经可以看到滚动栏了;

(0)

相关推荐

  • html中如何设置滚动条的位置向左偏

    有点编程常识的人都知道,htm的滚动条(浏览器滚动条)竖向靠右,横向从左向右.但是横向的几乎都是隐藏的,用不到,竖向滚动都是需要的. 那,如何设置滚动条自由位置呢,请看详细. 操作方法 01 1.新建 ...

  • 怎么在Word2016设置滚动条控件范围

    Word是Windows系统自带的办公软件,有些用户想知道怎么在Word2016设置滚动条控件范围,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步用Word2016打开需要创建滚 ...

  • css设置背景图片居中;css背景图片自动居中

    如何通过css设置一张背景图片自动水平垂直居中呢?可以通过css提供的background-position: center进行设置. 设置代码: .bg-img{ height: 100vh; wi ...

  • C#winform的textbox怎么设置滚动条

    用 C#开发软件的时候文本框textbox是没有滚动条的,而且是单行文本.下面教大家如何设置多行,并且设置横向滚动条和垂直滚动条. 操作方法 01 打开VS工具,创建一个winform窗体项目.系统会 ...

  • css设置背景颜色的方法和设置背景颜色的透明度

    css设置背景颜色的方法和设置背景颜色的透明度 操作方法 01 新建html文件 02 创建p标签和背景颜色用#色值表示 03 预览效果如图 04 创建p标签和背景颜色用英文设置背景颜色 05 预览效 ...

  • CSS设置下划线与文字间距距离

    CSS设置下划线与文字间距距离 操作方法 01 新建文件,创建文字下划线 02 效果如图,是不是觉得文字和下划线离得太近了 03 创建一行文字为span设置样式 04 效果如图,文字和下划线的距离是不 ...

  • css设置背景不重复

    css设置背景图片,默认的样式是图片重复,有的时候页面只需要一个不重复的背景图片,这就需要使用到css背景图片重复属性 background-repeat: no-repeat;进行设置. 操作方法 ...

  • css设置背景图片平铺方式

    css设置背景图片平铺方式 repeat:沿水平竖直两个方向平铺,这也是默认值 no-repeat:不平铺,即只显示一次 repeat-x:只沿水平方向平铺 repeat-y:只沿竖直方向平铺 操作方 ...

  • css设置背景图片大小

    网页的某些装饰可以通过背景图片来渲染,使得网页更加美观,CSS设置背景图片,不仅仅是大小,还有位置,放大方式,透明化之类.都是必备的CSS技能.层叠样式表(英文全称:Cascading Style S ...