我和往常一样,喝完早茶开始整理我以前写的 《极速Asp语法入门》 与 《极速Asp安装IIS环境入门》 笔记。
突然女粉丝问: 陈老师!知道怎样给canvas添加Css3样式吗?
我答: 知道
女粉丝问: 陈老师有空出来逛街吗?我请你喝奶茶,顺便教我Canvas添加Css3方法。
我答: 好的!
女粉丝问: 今天方便吗!
我答: 不方便,请提前一周预约,平时工作忙。对我好奇,想约我的女网友很多。
女粉丝答: 我们下周老地方见吧!
下面就分享Canvas_CSS3小程序实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>陈老师的杰哥工作室</title>
<style>
canvas
{
border:1px solid #282828;
width: 622px;
height: 188px;
}
</style>
</head>
<body>
<h1>canvas_CSS3实例:</h1>
<h3>给canuas加边框</h3>
<canvas>
</canvas>
</body>
</html>
CSS3:
<style>
canvas
{
border:1px solid #282828;
width: 622px;
height: 188px;
}
</style>
canvas 在CSS3中可以看成是一个 canvas选择器。
border是Html5中的canvas元素的边框属性名,1px solid #282828 都边框的属性值。1px说明边框粗细1相素,solid说明边框是实心的,#282828说明边框的颜色。
width 是canvas宽度,这儿是宽622px。
height是canvas高度,这儿是高188px。
< canvas >......< / canvas >
从< canvas >开始,到结速,就是Html5新增加的画布元素。
好!canvas学习笔记分享到这儿,如果喜欢,请关注、收藏、分享、点赞。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html