怎么用CSS给html加横向滚动条并且隐藏竖向滚动条_随笔

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

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

2、在index.html中的<body>标签中，输入样式代码：style="overflow-x: scroll。

3、浏览器运行index.html页面，此时html会有横线滚动条，并且隐藏了纵向滚动条。

1、有截取滚动网页的软件，如FSCapture，就可以截取整个网页。

2、然后打开要截取的网页，在FSCapture悬浮窗口上找到滚动截图工具。

3、在默认情况下，是截整个界面，包括浏览器窗口，如果默认，下面有提示，点一下鼠标左键即可。

4、如果要自定义截图窗口，按住Ctrl键，就会出现一个红色十字架，用鼠标拖动这个红十字架，框住想要的窗口。然后拖动右侧的滚动条到上端，或者点下端的滚动箭头，就能截取整个网页。

5、完成截图后，会自动返回到FSCapture编辑窗口，这时只要保存即可。

6、选择一个保存文件夹，定义一个保存文件名，如滚动截图，按保存。

7、再用普通的看图软件ACDSee打开，就能看到一个长长的网页图，看看长宽比930x1776。

HTML页面图片横向滚播效果：

<html>

<head>

<style>

body{margin:0px}

ul{list-style:noneborder:0padding:0pxmargin:0px}

li{list-style:nonefloat:leftborder:0padding:0pxmargin:0px}

img{border:0px padding:0pxmargin:0px}

</style>

</head>

<body>

</ul>

</div>

</center>

var w,h,id,speed,Html

w=400//-------滚动容器的宽度--------//

h=100//-------滚动容器的高度--------//

id="div1"//-------滚动容器的id--------//

direction="left"//-------滚动方向有四个值

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

怎么用CSS给html加横向滚动条并且隐藏竖向滚动条