随笔分类 -  小实例

7.利用canvas和js画一个渐变的
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas实例</title> <style type="text/css"> canvas{ width: 600; height: 300; border-width: 1p 阅读全文
posted @ 2019-11-04 16:09 cjl2019 阅读(259) 评论(0) 推荐(0)
6.纯css绘制叮当猫
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>叮当猫</title> <link rel="stylesheet" type="text/css" href="../css/ddm.css"> </head> <body> < 阅读全文
posted @ 2019-10-24 19:06 cjl2019 阅读(303) 评论(0) 推荐(0)
5.折叠导航栏
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>折叠导航栏</title> <style type="text/css"> *{ margin: 0; padding: 0; } .div1{ width: 300px; mar 阅读全文
posted @ 2019-10-22 18:23 cjl2019 阅读(203) 评论(0) 推荐(0)
4.渐变按钮和旋转菜单
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>背景渐变</title> <style type="text/css"> input{ width: 90px; height: 40px; margin: 5px; font-s 阅读全文
posted @ 2019-10-17 19:50 cjl2019 阅读(177) 评论(0) 推荐(0)
3.css3中多个背景图片的用法
摘要：（background-clip裁剪,background-position位置,background-origin定位,background-repeat是否重复） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格</ti 阅读全文
posted @ 2019-10-15 16:54 cjl2019 阅读(675) 评论(0) 推荐(0)
2.圆角菜单的两种方法和菜单的缩放
摘要：方法一：设置成背景图片 style{background:url(../image/2.jpg);} <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>垂直菜单</title> <style type="text/css"> *{ 阅读全文
posted @ 2019-10-14 18:53 cjl2019 阅读(196) 评论(0) 推荐(0)
1.利用canvas画一个太极图
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>太极图</title> </head> <body> <canvas id="myCanvas" width="1300px" height="600px" style="back 阅读全文
posted @ 2019-10-11 16:08 cjl2019 阅读(262) 评论(0) 推荐(0)