2020年8月5日
canvas实战之刮刮卡
摘要： 1.效果图 2.html及css <canvas id="myCanvas"> 您的浏览器不支持canvas,请升级！ </canvas> <style> * { margin: 0; padding: 0; } body,html{ width: 100%; height: 100%; } #my 阅读全文
posted @ 2020-08-05 22:12 高谷o 阅读(62) 评论(0) 推荐(0)
canvas实战之简易钟表
摘要： 1.效果图 其实这是一个实时动态的效果，由于我不知道怎么在markdown编辑器中插入这种动态效果，有的说做成gif动图，我嫌麻烦就懒的搞。 2.clock.html <canvas id="myCanvas"> 您的浏览器不支持canvas，请升级！ </canvas> 3.clock.css c 阅读全文
posted @ 2020-08-05 08:18 高谷o 阅读(361) 评论(0) 推荐(0)
2020年8月4日
canvas 实现一个签名板
摘要： 1.HTML及css样式 <canvas id="myCanvas"> 您的浏览器不支持canvas，请升级！ </canvas> ​ <style> canvas{ display: block; margin: 20px auto; background: gray; } </style> 2. 阅读全文
posted @ 2020-08-04 10:39 高谷o 阅读(90) 评论(0) 推荐(0)
2020年8月3日
响应式布局案例实战
摘要： 响应式布局案例实战 前几天做了一个响应式布局的案例，这里和大家分享一下，主要是总结一些经验。 1.html代码 <body> <!-- 头部 --> <header id="header"> <div class="logo"> <img src="images/largelogo.jpg" alt 阅读全文
posted @ 2020-08-03 10:56 高谷o 阅读(333) 评论(0) 推荐(0)
2020年7月31日
圣杯布局常用两种方法
摘要： 圣杯布局常用两种方法 首先搭建起始HTML结构及设置基本css样式 <body> <div class="header">header</div> <div class="main"> <div class="content">content</div> <div class="left">left 阅读全文
posted @ 2020-07-31 22:47 高谷o 阅读(83) 评论(0) 推荐(0)
css 实现水平垂直居中的三种常用方法
摘要： css 实现水平垂直居中的三种常用方法 首先基本结构样式 <body> <div class="box"> <span></span> </div></body> 使里面的span元素（粉色圆点）水平垂直居中于其div父元素（淘宝色正方形） 实现的效果图如下： 下面是常用的三种方法： 1.定位 <s 阅读全文
posted @ 2020-07-31 20:14 高谷o 阅读(71) 评论(0) 推荐(0)