手风琴效果（纯js）

最新推荐文章于 2024-06-12 20:47:03 发布

MingL520

最新推荐文章于 2024-06-12 20:47:03 发布

阅读量61

点赞数

分类专栏：前端最新面试题以及日常实用插件文章标签： javascript css3 css

本文链接：https://blog.csdn.net/MingL520/article/details/138897228

版权

前端最新面试题以及日常实用插件专栏收录该内容

44 篇文章 1 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

![1.样式代码

	<style>
			body {
			  font-family: "Lato", Helvetica, Arial;
			  font-size: 16px;
			}

			.text-center {
			  text-align: center;
			}

			*, *:before, *:after {
			  -webkit-border-sizing: border-box;
			  -moz-border-sizing: border-box;
			  border-sizing: border-box;
			}

			.container {
			  width: 350px;
			  margin: 50px auto;
			}
			.container > ul {
			  list-style: none;
			  padding: 0;
			  margin: 0 0 20px 0;
			}

			.title {
			  font-family: 'Pacifico';
			  font-weight: norma;
			  font-size: 40px;
			  text-align: center;
			  line-height: 1.4;
			  color: #2980b9;
			}

			.dropdown a {
			  text-decoration: none;
			}
			.dropdown [data-toggle="dropdown"] {
			  position: relative;
			  display: block;
			  color: white;
			  background: #2980b9;
			  -moz-box-shadow: 0 1px 0 #409ad5 inset, 0 -1px 0 #20638f inset;
			  -webkit-box-shadow: 0 1px 0 #409ad5 inset, 0 -1px 0 #20638f inset;
			  box-sha