应用flex布局以及css计数器的知识,实现了根据首字母自动生成的字母表,添加两个按钮,实现当按钮点击时,字母表就更换一套主题颜色,具体需要更新背景颜色,大写字母颜色,盒子阴影颜色,小写字母颜色。
盒子有个阴影颜色,调试推荐网站:推荐使用
具体想要实现效果如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计数器和变量练习</title>
<link rel="stylesheet" href="style.css">
</head>
<body id="bd">
<header>
<button class="purple"></button>
<button class="gray"></button>
</header>
<figure>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div