- 博客(4)
- 收藏
- 关注
RSS订阅原创 JavaScript30天（day1打击鼓小游戏）
JavaScript30天（day1击鼓小游戏） 当按下键盘中“A S D F G H J K L”的任意一个时，发出不同的击鼓声并伴随简单视觉显示效果。 js30官方网站https://javascript30.com/ html+css部分 结构部分 kbd：它用来表示文本是从键盘上键入的。 每个按键都被装在一个类名为key的div里 data：是自定义的属性，用来绑定音频 音频被装在audio里通过data-key和按键绑定 样式部分 js部分 输出查看是否监听成功
1679
原创 好看简单的新拟态风格的表单验证（html+css）
新拟态风格的登录表单（html+css） css代码 *{ margin: 0; padding: 0; box-sizing: border-box; } body{ margin-top: 110px; text-align: center; background: #cbdaaf; } form{ width: 450px; /* height: 150px; */ margin: auto; colo
2021-12-08 17:28:27
266
原创 用css画一个三角形
当我们随便在也页面上画一个盒子并加上边框时它是这个样子的。 当我们把边框加粗时盒子会变成这样 现在我们给边框四个不同的颜色，盒子变成了这个样子，是不是出乎你的意料呢？ 现在再把盒子的边框加粗一些 如果将盒子高度设置为零呢？盒子会变成这样 所以如果你想要画三角形的话只需设置高度宽度为0然后设置边框透明即可哦！！！ ...
2021-12-08 15:31:53
86
原创 FLEXBOX FROGGY11-24level(flex布局小游戏)
FLEXBOX FROGGY11-24level(flex布局小游戏) FLEXBOX FROGGY11-24level(flex布局小游戏) level-11 使用 flex-direction 和 justify-content帮助青蛙找到他们的荷叶 当伸缩方向为纵向时，justify-content将改变垂直方向，align-items将改变水平方向。 flex-direction:column;//将方向更改为垂直方向 justify-content:end;//将小青蛙移到底部 #po
2021-11-30 15:27:50
4314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人