纯CSS切换背景色

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入页面的样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css"/>

页面的body部分，用了3个radio单选按钮来触发切换，3个section装入不同的背景颜色，代码如下：

<input type="radio" id="page-1" name="screen" checked />
<input type="radio" id="page-2" name="screen" />
<input type="radio" id="page-3" name="screen" />
<section class="page-1"></section>
<section class="page-2"></section>
<section class="page-3"></section>