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

html-css08

html5中怎么设置按钮的宽度和高度,第1张

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

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

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

没有大小限制

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

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

小案例：canvas绘制渐变

<!DOCTYPE HTML>

<html>

<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3">

Your browser does not support the canvas element.

</canvas>

<script type="text/javascript">

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的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小（宽度）

设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高（iPhone 6是375物理像素，但实际像素为其两倍，也就是750，这个750就是这么来的）

如果设计图稿过小，前端在实现图稿的时候里面的图片大小在高分辨率的情况下会显得模糊不清，所以这也是为何要“大”分辨率

此外需要注意的是，要保证页面的基准字体大小，在320px的设计稿当中，最小字体不宜小于12像素，其他像素的设计稿当中，等比例换算即可（12/320px*设计稿像素值）