2019年9月10日

一步一步教你自定义博客园(cnblog)界面

摘要： 一步一步教你自定义博客园(cnblog)界面 目录 一、总结 二、一步一步教你自定义博客园(cnblog)界面 标题 导航栏 侧边栏 修改内容显示和边栏显示 目录 一、总结 二、一步一步教你自定义博客园(cnblog)界面 标题 导航栏 侧边栏 修改内容显示和边栏显示 一、总结（点击显示或隐藏总结内 阅读全文

posted @ 2019-09-10 22:01 死磕&到底 阅读(3987) 评论(1) 推荐(2)

2019年9月6日

如何设置文字的阴影

摘要： 如何设置文字的阴影？ 转载自https://www.cnblogs.com/Renyi-Fan/p/9262595.html 一、总结（点击显示或隐藏总结内容） 一句话总结：text-shadow属性。text-shadow:3px 3px 3px #f0f; 1、text-shadow属性的参数依 阅读全文

posted @ 2019-09-06 21:35 死磕&到底 阅读(959) 评论(0) 推荐(0)

2019年9月4日

如何实现2D动画

摘要： 转载自https://www.cnblogs.com/Renyi-Fan/p/9262866.html 一、总结（点击显示或隐藏总结内容） 转载自https://www.cnblogs.com/Renyi-Fan/p/9262866.html 一、总结（点击显示或隐藏总结内容） 一句话总结：就是tr 阅读全文

posted @ 2019-09-04 22:06 死磕&到底 阅读(557) 评论(0) 推荐(0)

2019年9月2日

跳转九宫格的制作

摘要： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>跳转九宫格</title> <!--思路：画盒子16个（4+9+2+1）->九宫格格子->跳转--> <style> * { margin: 0; padding: 0; } 阅读全文

posted @ 2019-09-02 20:54 死磕&到底 阅读(348) 评论(0) 推荐(0)

2019年9月1日

风车的动图制作

摘要： 代码： <!--<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>风车</title> <style> .box { width: 100px; height: 100px; margin:100px auto; transitio 阅读全文

posted @ 2019-09-01 15:24 死磕&到底 阅读(441) 评论(0) 推荐(0)

2019年8月31日

心跳的动图制作

摘要： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>心跳</title> <!--html标签默认width：885px;height:500px body标签默认width: 885px;height:500px--> <s 阅读全文

posted @ 2019-08-31 16:26 死磕&到底 阅读(341) 评论(0) 推荐(0)

2019年8月30日

简易数据库

摘要： 代码： <html><head><title>简易数据库示例</title> </head><body> <h1>使用Web Storage来做简易数据库示例</h1> <table> <tr><td>姓名：</td><td><input type="text" id="name"></td></t 阅读全文

posted @ 2019-08-30 15:42 死磕&到底 阅读(352) 评论(0) 推荐(0)

2019年8月29日

简单Web留言本

摘要： 概念： 虽然使用getItem这种一对一方法读取数据比较方便，但遇到保存的数据量很大时，使用这种方法会很麻烦，我们可以来看一下简单Web留言的示例。 使用一个多行文本框来输入数据，点击按钮时将文本框中的数据保存到localStorage中，在表单下部放置一个p元素来显示保存后的数据。 如果只保存文本 阅读全文

posted @ 2019-08-29 15:32 死磕&到底 阅读(806) 评论(0) 推荐(0)

2019年8月28日

太极图的制作

摘要： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .yy { width: 200px; height: 99px; border: 1px solid #000; border-botto 阅读全文

posted @ 2019-08-28 22:04 死磕&到底 阅读(327) 评论(0) 推荐(0)

2019年8月27日

便利贴的制作

摘要： 代码示例： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } body { font-size: 100%;/*?*/ margin: 10 阅读全文

posted @ 2019-08-27 14:01 死磕&到底 阅读(893) 评论(0) 推荐(0)

下一页

导航