<style>
.mycans{
/* 内容的宽 */
/* 内容的高 */
/* 边框:粗细是3像素 solid实线 颜色是蓝色 */
border: 3px solid blue;
/* 背景色设置为天蓝色 */
background-color: lightblue;
}
</style>
<script>
// 当页面被浏览器渲染解析,加载完毕后,我们就来到这里执行,这里的function函数
window.onload = function(){
// 1.抓取元素
var mycans = document.getElementById('mycans')
// 2.设置抓取到的这个对象的宽度和高度
// 特别注意:用js脚本设置画布宽度和高度的时候,我们要把css样式中设置宽度和高度去掉,否则用js脚本设置的效果出不来。