2019年9月10日

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

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

posted @ 2019-09-10 22:01 死磕&到底 阅读(2958) 评论(1) 推荐(0) 编辑

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 死磕&到底 阅读(866) 评论(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 死磕&到底 阅读(503) 评论(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 死磕&到底 阅读(304) 评论(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 死磕&到底 阅读(392) 评论(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 死磕&到底 阅读(280) 评论(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 死磕&到底 阅读(318) 评论(0) 推荐(0) 编辑

2019年8月29日

简单Web留言本

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

posted @ 2019-08-29 15:32 死磕&到底 阅读(782) 评论(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 死磕&到底 阅读(298) 评论(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 死磕&到底 阅读(837) 评论(0) 推荐(0) 编辑

导航