- 博客(48)
- 收藏
- 关注
转载 008飞机大战
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>飞机大战</title> <style> * { margin: 0;
2018-04-20 10:27:11
186
原创 007碰撞检测
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>碰撞检测</title> <style> #main{ width: 2
2018-04-20 10:26:25
220
原创 006运动小人
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #hero { width:
2018-04-03 13:08:36
220
原创 005电子时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> span{ display:
2018-04-03 13:07:34
215
原创 004定时下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时下拉菜单</title> <style> #daohang{ wid
2018-04-03 13:06:54
170
原创 003注册表单
正则表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> function req(req,val
2018-04-03 10:05:42
250
原创 002计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title> <script> function sum() {
2018-04-03 10:02:08
185
原创 001淘宝图片交换实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-04-03 09:53:35
344
原创 040圆角图片的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> button{ width:
2018-04-03 09:52:49
127
原创 039圆角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圆角</title> <style> div{ width: 400px
2018-04-03 09:51:26
252
原创 038三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>画一个三角形</title> <style> div{ width: 1
2018-04-02 10:03:24
110
原创 037选择器优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>优先级</title> <style> div{ background: green!important; }
2018-04-02 10:02:56
101
原创 036视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>视频</title></head><body> <video controls au
2018-04-02 10:01:56
146
原创 035input属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><form>
2018-04-02 10:01:07
155
原创 033音频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>音频</title></head><body><audio src="1.
2018-04-02 10:00:25
111
原创 032超链接发送邮件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>邮件</title></head><body> <a href="mail
2018-04-02 09:59:52
476
原创 031腾讯导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>腾讯导航</title> <style> *{margin: 0; padding: 0; overflow:
2018-04-02 09:58:02
302
原创 030盒子模型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0; padding: 0;} #box1{
2018-04-02 09:57:28
123
原创 029精灵
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css精灵</title> <style> div{ width: 80px; height: 80px;
2018-04-02 09:56:07
161
原创 028搜索框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框</title> <style> *{margin:0;padding:0;} input[type="t
2018-03-30 11:26:20
118
原创 027logo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>logo</title> <style> #logo{ display: block;/*显示方式-块*/ wid
2018-03-30 11:25:51
106
原创 026背景
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #link
2018-03-30 11:24:53
210
原创 025参考点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>参考点</title> <style> #f{ position: relative; } #tip{ w
2018-03-30 11:24:27
163
原创 024p
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>段落</title> <style> p{ line-height: 20px; } ul{ padd
2018-03-30 11:23:59
204
原创 023W3Cschool导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>导航</title> <style> *{margin: 0;padding: 0;} #main{ width:
2018-03-30 11:23:32
107
原创 022ul_li
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ul li</title> <style> ul{ background: red; padding:0; }
2018-03-30 11:22:56
109
原创 021a
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接-小火箭</title> <style> #main{ margin:0 auto; width: 1000
2018-03-30 11:03:00
199
原创 020display
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>display</title> <style> div{ display: none; } </st
2018-03-30 11:02:19
120
原创 前端菜鸟们的翻车日记——学JS的第一天
今天做的JS实现计算器老二:if后忘记加大括弧老三:<td>写成<tb>老四:copy网上代码不认真看 没改id名称老五:22*3或33*2都能算出666翻车原因:至今无解。...
2018-03-29 22:28:55
182
原创 019表单提交方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单提交方式</title></head><body> <form action=&
2018-03-29 22:21:27
109
原创 018行内元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>行内元素</title> <style> div{ width: 200px; height: 200px; bac
2018-03-29 22:20:48
129
原创 017子代选择器后代选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择器</title> <style> #box div{ color: blue; } #main&g
2018-03-29 22:20:12
116
原创 016高级布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高级布局</title> <style> #l,#c,#r{ width: 33.33%; height: 600
2018-03-29 22:19:29
111
原创 015图片轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片轮播</title> <style> #main{ width: 200px; height: 150px;
2018-03-29 22:18:49
112
原创 014四角定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>四角定位</title> <style> div{ width: 100px; height: 100px;
2018-03-29 22:18:20
315
原创 013水平居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>居中</title> <style> body{ background: red; } #main{ w
2018-03-29 22:17:45
120
原创 012对联广告
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对联广告</title> <style> #main{ width: 1000px; height: 600px;
2018-03-29 22:16:53
253
原创 011文字对齐小技巧
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> 用 户 名: <inpu
2018-03-29 22:16:14
122
原创 010水平居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平居中</title> <style> *{ margin:0; } body{ width: 1000
2018-03-28 17:36:49
112
原创 009淘宝跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淘宝网-淘我不喜欢</title></head><body><form actio
2018-03-28 17:35:41
264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人