HTML怎么添加滚动条_随笔

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：<div style="overflow: scroll">hello world!</div>。

3、浏览器运行index.html页面，此时成功在html中指定的div中添加了滚动条。

方案一：直接使用HTML的滚动标签 marquee ，把图片放入滚滚标签内部，代码如下：

</marquee>

方案二：使用第三方插件，比如swiper.js，

插件

html网页图片滚动方法如下：

1把图片样式的position属性设置为static，

2然后指定固定的位置，就可以了。

tml网页图片居中方法如下：

第一种方法：

设置父元素内文字居中即可让图片居中。

element{ text-align:center}

第二种方法：

设置图片为块级元素，设置左右margin为auto即可让图片居中。

img{ display:blockmargin-left:automargin-right:auto}

欢迎分享，转载请注明来源：内存溢出

HTML怎么添加滚动条