按钮cs"/>

css按钮样式如何设置?

在许多网站中都需要实用到按钮,一个好看实用的css按钮即可以给访问者以美感,又可以方便开发者。下面我们来看一下css设置按钮样式的方法。

在HTML中可以直接使用<button>标签添加按钮。

<button>默认按钮</button>

默认按钮样式:

使用css设置按钮样式示例:

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;
   }

效果图:

以上示例使用css类选择器设置按钮样式,然后在<button>标签中调用此样式即可设置按钮样式。

以上就是css按钮样式如何设置?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读