CSS按钮生成器

CSS按钮生成器是一个免费的在线生成css按钮的工具,让你在几秒内创建你喜欢的css按钮样式。

如何创建css样式按钮?

Just select a css button from the library and play its css styles. After completing your css button, click on the button preview or "Get Code" button to view generated CSS and HTML codes.

哪些CSS属性可用于编辑??

您可以修改以下CSS属性:

In addition to this properties, you can also change button's text and class name.

支持的浏览器有哪些?

The generated code will include vendor prefixes for following browsers; Google Chrome, Firefox, Safari, Opera, Internet Explorer and Edge. You can also disable vendor prefixes to get a cleaner code. To do this, just uncheck the "prefix" checkbox above the generated css code. All modern browsers should render your css button properly.

我需要包括任何javascript或jQuery代码在我的网站?

Absolutely no. You only need to include generated CSS and HTML codes to render the button. On the other hand, if your button needs to perform an action, let's say an ajax request, then you have to write that piece of code. This kind of tasks are out of the button generator's scope.

我可以在Twitter引导中使用这些按钮吗?

Yep. In order to include a button on a Bootstrap website, you just need to enter one of the class names listed on the Bootstrap documentation to the "class name" field under the text settings. As you know a bootstrap button has css class names like btn-primary, btn-secondary etc. Let's say if you enter "btn-primary", the code will generate the css code with this class name. And finally, if you override one of these class names by including the generated css code on your website, everything should work fine as expected.

这里是个广告位
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
css
这里还是一个广告位

CSS按钮生成器

The button has been saved successfully.
Reset
获取代码