摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> window.onload = function () { var oBtn = document.getElementById("btn" 阅读全文
posted @ 2021-01-09 18:07 ice猫猫3 阅读(144) 评论(0) 推荐(0) 编辑
摘要: <style> div { height: 40px; width: 70%; background: black; margin: 50px auto; border-radius: 5px; } #rect { /*选取某个盒子给它增加动画*/ animation-name: rainbow; 阅读全文
posted @ 2021-01-09 14:55 ice猫猫3 阅读(85) 评论(0) 推荐(0) 编辑
摘要: <style> .heart { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; background-color: pink; height: 50px; width: 50px; transform: 阅读全文
posted @ 2021-01-09 14:39 ice猫猫3 阅读(98) 评论(0) 推荐(0) 编辑
摘要: box-shadow做的 <style> .center { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; background-color: 阅读全文
posted @ 2021-01-09 14:32 ice猫猫3 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 第一对渐变颜色为yellow, 第二对渐变颜色为black div{ border-radius: 20px; width: 70%; height: 400px; margin: 50 auto; background: repeating-linear-gradient( 45deg, yell 阅读全文
posted @ 2021-01-09 14:21 ice猫猫3 阅读(373) 评论(0) 推荐(0) 编辑
摘要: <form action="/submit-cat-photo"> <input type="text" placeholder="猫咪图片地址"> <button type="submit">提交</button> </form> 阅读全文
posted @ 2021-01-09 09:50 ice猫猫3 阅读(375) 评论(0) 推荐(0) 编辑