css怎么设置按钮样式_建站学-个人建站指南,网页制作,网站设计,网站制作教程

建站学 - 轻松建站从此开始！

css怎么设置按钮样式

时间:2019-08-01 14:49来源:PHP中文网作者:猪哥点击: 次

在许多网站中都需要实用到按钮，一个好看实用的css按钮即可以给访问者以美感，又可以方便开发者。下面就是一个纯css按钮，需要的可以参考一下。 1、button按钮（无样式） button默认按钮/button 2、button按钮（有样式） HTML代码： button class=button按钮/

在许多网站中都需要实用到按钮，一个好看实用的css按钮即可以给访问者以美感，又可以方便开发者。下面就是一个纯css按钮，需要的可以参考一下。

1、button按钮（无样式）

<button>默认按钮</button>

2、button按钮（有样式）

HTML代码：

<button class="button">按钮</button>

CSS部分：

.button {
       background-color: #4CAF50;
       border: none;
       color: white;
       padding: 15px 32px;
       text-align: center;
       font-size: 16px;
       cursor: pointer;
   }