自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 canvas实战之刮刮卡

1.效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pQeH0DOW-1596636799439)(https://s1.ax1x.com/2020/08/05/a6GU5n.png)]2.html及css<canvas id="myCanvas"> 您的浏览器不支持canvas,请升级! </canvas> <style> * { ma

2020-08-05 22:14:04 144

原创 canvas实战之简易钟表

canvas实战之简易钟表1.效果图其实这是一个实时动态的效果,由于我不知道怎么在markdown编辑器中插入这种动态效果,有的说做成gif动图,我嫌麻烦就懒的搞。2.clock.html<canvas id="myCanvas"> 您的浏览器不支持canvas,请升级! </canvas>3.clock.csscanvas { display: block; margin: 0 auto;

2020-08-05 08:15:37 166

原创 canvas 实现一个签名板

1.HTML及css样式<canvas id="myCanvas"> 您的浏览器不支持canvas,请升级! </canvas> <style> canvas{ display: block; margin: 20px auto; background: gray; } </style>2.js代码&lt

2020-08-04 10:36:54 130

原创 响应式布局案例实战

响应式布局案例实战前几天做了一个响应式布局的案例,这里和大家分享一下,主要是总结一些经验。1.html代码<body> <!-- 头部 --> <header id="header"> <div class="logo"> <img src="images/largelogo.jpg" alt="logo" class="large"> <i

2020-08-03 10:59:43 846

原创 圣杯布局常用两种方法

圣杯布局常用两种方法首先搭建起始HTML结构及设置基本css样式<body> <div class="header">header</div> <div class="main"> <div class="content">content</div> <div class="left">left</div> <div class="righ

2020-08-01 08:37:45 194

原创 css 实现水平垂直居中的三种常用方法

css 实现水平垂直居中的三种常用方法首先基本结构样式<body> <div class="box"> <span></span> </div></body>使里面的span元素(粉色圆点)水平垂直居中于其div父元素(淘宝色正方形)实现的效果图如下:下面是常用的三种方法:1.定位 <style> * { margin: 0;

2020-08-01 08:34:32 524

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除