如何建立纯css的滑块-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

可以使用 max-height 属性来建立纯 CSS 的滑块。

（推荐教程：css快速入门）

属性介绍：

max-height 属性设置元素的最大高度。max-height属性不包括填充，边框，或页边距！

代码实现：

.slider {
  max-height: 200px;
  overflow-y: hidden;
  width: 300px;
}
 
.slider:hover {
  max-height: 600px;
  overflow-y: scroll;
}

以上就是如何建立纯css的滑块的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者