摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>变大</title> </head> <style> .box{ width: 200px; height: 200px; margin: 200px auto; backgrou 阅读全文
posted @ 2020-11-27 08:56 卿家尘归尘 阅读(54) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>旋转11图</title> </head> <style> .bigbox{ width: 500px; height: 200px; margin: 0 auto; backgr 阅读全文
posted @ 2020-11-27 08:54 卿家尘归尘 阅读(69) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>3D旋转</title> </head> <style> *{margin: 0; padding: 0;} body{ width: 100%; height: 100%; } 阅读全文
posted @ 2020-11-27 08:52 卿家尘归尘 阅读(57) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>旋转9特效</title> <style> *{margin: 0;padding: 0;} body{background: grey;} div.d2{ width: 250p 阅读全文
posted @ 2020-11-27 08:49 卿家尘归尘 阅读(31) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>旋转8图</title> </head> <style> *{margin: 0;padding: 0;} body{background: grey;} div.transiti 阅读全文
posted @ 2020-11-27 08:41 卿家尘归尘 阅读(47) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } h1{ text-align: center; } .wr 阅读全文
posted @ 2020-11-27 08:37 卿家尘归尘 阅读(45) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>名字</title> </head> <style> *{margin: 0;padding: 0;} div{ width: 83px; height: 92px; backgr 阅读全文
posted @ 2020-11-27 08:35 卿家尘归尘 阅读(62) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>渐变</title> </head> <style> *{margin: 0; padding: 0;} div{height: 100px;} .grad1{ backgroun 阅读全文
posted @ 2020-11-27 08:33 卿家尘归尘 阅读(55) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>排版</title> </head> <style> *{margin: 0;padding: 0;} .paiban{ width: 1200px; padding: 30px; 阅读全文
posted @ 2020-11-27 08:31 卿家尘归尘 阅读(103) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>发射</title> </head> <style> *{margin: 0;padding: 0;} .bg{ width: 500px; height: 500px; back 阅读全文
posted @ 2020-11-27 08:29 卿家尘归尘 阅读(55) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>页面20</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-s 阅读全文
posted @ 2020-11-27 08:27 卿家尘归尘 阅读(58) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>翻转18</title> <style> #test{ width: 400px; height: 400px; position: absolute; margin-left: 阅读全文
posted @ 2020-11-27 08:26 卿家尘归尘 阅读(46) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>旋转17</title> <style> div:nth-child(1){ width: 100px; height: 100px; background: darkturquo 阅读全文
posted @ 2020-11-27 08:24 卿家尘归尘 阅读(52) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伸缩16</title> <style> .box-card{ height: 314px; width: 50%; background-color: #fff; border- 阅读全文
posted @ 2020-11-27 08:23 卿家尘归尘 阅读(46) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>弹性盒子15</title> <link href="css/font-awesome.min.css" rel="stylesheet" /> <style> *{ margin 阅读全文
posted @ 2020-11-27 08:22 卿家尘归尘 阅读(51) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>正方体14</title> <style> *{ margin: 0; padding: 0; } body{ position: absolute; top: 0; width: 阅读全文
posted @ 2020-11-27 08:21 卿家尘归尘 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>表单13</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 p{ 12 font-size: 阅读全文
posted @ 2020-11-27 08:19 卿家尘归尘 阅读(110) 评论(0) 推荐(0) 编辑