- 博客(16)
- 收藏
- 关注
RSS订阅原创 旋转中心点案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ overflow:hidden; width:200px; height:200px; border:1px solid hotpink; mar...
2022-05-23 18:58:29
40
原创 盒子居中效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ position:relative; width:600px; height:600px; background-color: red; } p{...
2022-05-23 18:56:58
68
原创 用户名验证
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>课堂案例-验证用户名...
2022-05-23 18:55:56
83
原创 进度条过渡效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .bar{ width:150px; height:15px; border:1px solid red; border-rad...
2022-05-19 17:39:22
107
原创 跟随鼠标移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>案例分析：跟随鼠标的...
2022-05-19 17:37:16
42
原创 随机点名扩展
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>随机...
2022-05-19 17:34:49
53
原创 渲染学生信息案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="css/style.css" rel="stylesheet"></head><body><h1>新增学员</h1><div class="info"&g...
2022-05-19 17:26:29
50
原创 实现盒子和文字的阴影效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .div1{ font-size: 100px; font-family: 华文行楷; color: #87dfeb; font...
2022-05-03 09:19:52
33
原创 实现盒子和文字的阴影效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .div1{ font-size: 100px; font-family: 华文行楷; color: #87dfeb; font...
2022-05-03 09:12:56
37
原创 实现表格全选和取消全选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title...
2022-04-25 16:13:09
341
原创 动态生成表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> table { width: 500px; margin: 100px auto; border-collapse: collapse; text-align: c...
2022-04-25 16:08:13
42
原创 随机点名效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div { width: 200px; height: 60px; border: 5px solid hotpink; text-align: center;...
2022-04-25 15:53:54
61
原创 倒计时短信
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> 验证码：<input type="text"><button>发送</button><script> var btn=document.quer...
2022-04-25 15:51:03
42
原创 倒计时案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><style> div { margin: 200px; } span { /* 转换为行内块元素 */ display: inline-block; width: 40px; height...
2022-04-21 15:52:08
41
原创 根据时间显示不同图片
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><div>12345</div><imgsrc="#"><script>varimg=document....
2022-04-05 22:21:09
77
原创 显示当前系统时间
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>div{background-color:#55585a;color:#ffffff;width:250px;text...
2022-04-05 22:19:56
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人