Html 内容在这里 发展事业 内容在这里 做一个深板凳 内容在这里 您几乎已经拥有了它。只需将as更改为指向相应复选框的标签，就像您当前对控件所做的那样 .container1{ 宽度：250px； 高度：250px； 位置：绝对位置； 顶部：45px； 左：0

内容在这里

发展事业

内容在这里

做一个深板凳

内容在这里

---

您几乎已经拥有了它。只需将

a

s更改为指向相应复选框的

标签，就像您当前对控件所做的那样


.container1{
宽度：250px；
高度：250px；
位置：绝对位置；
顶部：45px；
左：0px；
右：0px；
保证金：自动；
}
.ele、.arrow、.circle{
位置：绝对位置；
左：0px；
右：0px；
顶部：0px；
底部：0px；
保证金：自动；
}
#一个{
变换：旋转（0度）translateY（-130px）旋转（0度）；
}
#两个{
变换：旋转（60度）translateY（-130px）旋转（-60度）；
}
#三{
变换：旋转（120度）translateY（-130px）旋转（-120度）；
}
#四{
变换：旋转（180度）translateY（-130px）旋转（-180度）；
}
#五{
变换：旋转（240度）translateY（-130px）旋转（-240度）；
}
#六{
变换：旋转（300度）translateY（-130px）旋转（-300度）；
}
埃莱先生{
显示：内联块；
背景色：#1f497d；
宽度：105px；
高度：50px；
边框宽度：3倍；
边框样式：实心；
边框颜色：#ededed；
边界半径：7px；
盒影：0px 1px 5px#8888888；
}
.ele:悬停{
光标：指针；
变换：比例（1.019）；
边框颜色：F4；
背景色：#214d84；
盒影：0px 2px 9px#8888888；
变焦：1.009；
}
.圆圈{
背景色：#006850；
宽度：85px；
高度：85px；
边框宽度：3倍；
边框样式：实心；
边框颜色：#fefefe；
边界半径：50%；
盒影：0px 1px 5px#8888888；
}
.阿罗{
颜色：#d0d3d8；
宽度：250px；
高度：250px；
边界：17px固体；
边界半径：50%；
位置：绝对位置；
z指数：-3；
左：-17px；
}
#二：悬停~。箭头{
边框顶部颜色：#006850；
变换：旋转（24度）；
}
#三：悬停~。箭头{
边框顶部颜色：#006850；
变换：旋转（66度）；
}
#四：悬停~。箭头{
边框顶部颜色：#006850；
右边框颜色：#006850；
变换：旋转（25度）；
}
#五：悬停~。箭头{
边框顶部颜色：#006850；
右边框颜色：#006850；
边框底色：#006850；
变换：旋转（26度）；
}
#六：悬停~。箭头{
边框顶部颜色：#006850；
右边框颜色：#006850；
边框底色：#006850；
变换：旋转（66度）；
}
#一：悬停~。箭头{
边框颜色：#006850；
}
#一：悬停~。圆圈：之后{
边框顶部颜色：#006850；
}
.圆圈：之前{
内容：“；
显示：块；
宽度：30px；
高度：30px；
位置：绝对位置；
底部：0；
顶部：-96px；
左-36px；
背景：#fff；
背景色：白色；
变换：旋转（-120度）；
z指数：-1；
}
.圆圈：之后{
内容：“；
宽度：0；
身高：0；
左边框：20px实心透明；
右边框：20px实心透明；
边框顶部：20px实心#d0d3d8；
位置：绝对位置；
顶部：-83px；
左：-44px；
变换：旋转（-120度）；
}
.text1line{
字体大小：15px；
利润率最高：14%；
显示：块；
颜色：白色；
文字装饰：无；
文本对齐：居中；
}
.text2line{
字体大小：15px；
利润率最高：6%；
显示：块；
颜色：白色；
文字装饰：无；
文本对齐：居中；
}
.textcircle{
字号：17px；
利润率最高：37.5%；
显示：块；
颜色：白色；
文字装饰：无；
文本对齐：居中；
}
.包装纸{
最大宽度：960像素；
保证金：0自动；
}
/*订单样式*/
.标签{
位置：相对位置；
边缘底部：1px；
宽度：100%；
溢出：隐藏；
}
.bold{
字体大小：粗体；
颜色：#005bab；
}
.顶{
利润上限：-20px；
文本对齐：居中；
字体大小：13px；
}
.输入{
位置：绝对位置；
不透明度：0；
z指数：-1；
}
.标签{
位置：相对位置；
文本对齐：居中；
显示：块；
填充：0.1em；
颜色：#005bab；
背景：#e2ecf6；
字体大小：14px；
字体系列：Verdana；
字体大小：粗体；
线高：6；
光标：指针；
}
.标签：悬停{
背景色：#d2e2ef；
}
.选项卡内容{
最大高度：0；
溢出：隐藏；
填充：0px；
-webkit过渡：最大高度.5s；
-o型过渡：最大高度5秒；
过渡：最大高度.5s；
左侧填充：35px；
背景：#dce7f2；
}
.tab内容.容器{
填充：1em；
保证金：0；
不透明度：0；
变换：比例（0.75）；
-webkit转换：转换0.75s，不透明度0.75s；
-o过渡：变换0.75s，不透明度0.75s；
变换：变换0.75s，不透明度0.75s；
背景:#f4f8fc；
}
/*：选中*/
.input:选中~.选项卡内容{
最大高度：35em；
}
.input:选中~.tab内容.容器{
变换：比例（1）；
不透明度：1；
}
/*图标*/
.标签：：之后{
位置：绝对位置；
左：0；
排名：0；
显示：块；
宽度：3em；
高度：3em；
线高：3；
文本对齐：居中；
-webkit转换：全部.35秒；
-o-过渡：均为0.35s；
过渡：全部.35s；
}
.input[类型=复选框]+.label:：after{
内容：“+”；
}
.input[type=radio]+.label:：after{
内容：“；
}
.input[类型=复选框]：选中+.label:：after{
变换：旋转（315度）；
}
.input[类型=收音机]：选中+.label:：之后{
变换：rotateX（180度）；
}
.底线{
内容：“；
显示：块；
高度：1米；
宽度：100%；
背景色：#00688B；
}

选择一支顶级球队
有一个好的开始
为成功而训练
为成果管理工作
发展事业
做一个深板凳
经理



单击“+”展开，单击“x”折叠
选择一支顶级球队
内容在这里
有一个好的开始