button标签（按钮）的详解

button标签（按钮）的详解

默认样式：

按钮是具有默认样式的，不独占一行，有边框，字体也是默认居中。

<button id="button1">我是按钮1</button>
 <button>我是按钮2</button>

如何改变按钮的样式？

<style>
    #button1{
        /*改变宽，高*/
        width: 200px;
        height: 50px;
        /*改变背景颜色*/
        background-color: red;
        /*去掉边框*/
        border: 0;
        /*圆弧角*/
        border-radius: 5px;
    }
</style>

去掉按钮的背景色，或者说让按钮背景透明：

只需要在设置的样式里面添加background：none;即可！