html5中怎么设置按钮的宽度和高度_随笔

1、首先打开html5编辑器，新建一个html文件，在里面写入一个button按钮，被button按钮设置一个样式，这里给它的class属性设置为btn：

2、在上方引入style标签，在里面设置btn类的样式，这里设置宽度和高度使用width和height属性就可以了，最后在美化一下按钮，设置背景色和字体颜色以及文字橘子效果：

3、最后打开浏览器，即可看到设置好的按钮了。以上就是html5中设置按钮的宽度和高度的方法：

没有大小限制

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

画布是一个矩形区域，您可以控制其每一像素。

小案例：canvas绘制渐变

<!DOCTYPE HTML>

<html>

<body>

Your browser does not support the canvas element.

</canvas>

var c=document.getElementById("myCanvas")

var cxt=c.getContext("2d")

var grd=cxt.createLinearGradient(0,0,175,50)

grd.addColorStop(0,"#FF0000")

grd.addColorStop(1,"#00FF00")

cxt.fillStyle=grd

cxt.fillRect(0,0,175,50)

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html5中怎么设置按钮的宽度和高度