如何用纯css构建一个选项卡

如何用纯css构建一个选项卡

html
<input id="box1" type="radio" name="abc" checked="checked">
<label for="box1">label1</label>
<div></div>
<input id="box2" type="radio" name="abc">
<label for="box2">label2</label>
<div></div>

css
input, div {
  display: none;
}
input:checked + label {
  background: #gray;
  color：white;
}
input:checked + label + div {
  display: block;
}

注意：label的位置可以通过position：absolute来解决