1.本来的思路：
我使用两个div分别实现圆角矩形和圆形，并将其嵌套在一起，使圆形在圆角矩形内部。然后布局使用margin:0 auto;
2.出现的问题：
当使用伪类选择器hover或者active不能达到点击触发的效果，而且只能在点击圆形时触发。而且只能实现圆形移动的效果，不能实现移动后背景色变色。
3.改进：
- 使用label实现圆角矩形，checkbox实现圆形。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>iphone按钮</title>
</head>
<body>
<label>
<input type="checkbox"/>
<
最低0.47元/天 解锁文章
827
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
