使用css制作，设置按钮大小=大小然后background即可：
input[type="button"]{width:80px;
height:300px;
background: url('路径') no-repeat;
background-size: 100% 100%;
}
在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代码工作做完后，就可以查看效果，效果如下红框所示，滚动条设置完成。
这里用到font-size属性，下面是例子：在<head>与</head>之间加上以下代码即可
<style type="text/css">
<!--body{font-size:12px;}-->
</style>
12px是网页默认字体大小！1、css2中是无法控制背景大小的，如果想实现这种效果，只能是更改了。
2、css3中可以通过background-size来控制的大小。
background-size属性用法：
background-size: length|percentage|cover|contain;
1）length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
2）以父元素的百分比来设置背景图像的宽度和高度。
3）把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
4）把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
具体示例可以参考：>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）