在html中怎么使按钮立体效果

设置立体图片，或者自己去自定义ui.建议使用前面一种，如果有特别需要修改ui，那是最好，这样你可以完全控制按钮视觉元素，包括形状，颜色等等。圆形按钮，三角形按钮都可以随你做，但是这个要求自己去绘画，从basicbuttonui继承，做起来麻烦很多。

可以通过样式来设置：你可先给你的按钮设置一个class,比如：class="btn"；方法有3种：1.如果有你外链样式表你可以在样式表征.btn{width:200pxheight:50px}2.如果没有连接你直接上头部加上<style type="text/css">.btn{width:200pxheight:50px}</style>3.你可以直接在按钮上加比如：<button style="width:200pxheight:50px">按钮</button>

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

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

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

---