Canvas_Css3实例——极速Html5新增元素学习笔记

100 阅读1分钟

我和往常一样,喝完早茶开始整理我以前写的 极速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