Question

几个漂亮的Button的CSS代码

Answer 1

网页链接

一组按钮，看看喜欢不

网页链接

这个网站里面还有很多demo，不喜欢上面那个可以在这个里面再找找

Answer 2

CSS怎么写?

<style>
    .test{
        background:black;
        width:80px;
    }
</style>
<div class="test">这是测试</div>

假如这段代码是你写的,你写的顺序是什么?是不是先写一个div,class写成test,然后再去写test的样式?

你可以改变一种思路,先写好一大堆这样的class,比较通用的样式,写好了,然后你要用的时候,再后写div.

不知道你懂我的意思么?调换顺序后,先写好一大堆class,后写引用它的div,可以让你的class们更加通用.那么这样的设计没人做么?

百度bootstrap了解下,还有很多这样的框架.

你直接引用,然后看看它为buttonx写了哪些好看的class,你直接用就行.

举个例子,你直接在你html开头引用这个bootstrap的css文件

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

然后你的button可以这么写

你只需要在你引用了它css文件的情况下,将你喜欢的样式对应的class写到你button中就可以了.

具体的,请参考bootstrap开发文档,里面除了按钮的样式,还定义了一大堆其他所有网页元素的样式,表格,label,input,等等,很多

Answer 3

this.button.flatstyle.Standard