Semantic UI 之 按钮 button

第一步：创建项目

添加JQuery和Semantic UI包、创建button.html页面：

第二步：button.html页面

在button.html页面中引入样式文件和JS文件

    
        
        按钮
        
        
        
    
    
    

接下来在body中按下面所示添加代码并在网页中查看效果：

按钮的样式

标准
紧凑
基础
主要
次要
积极
消极

激活
禁用


    
    Facebook


    
    Twitter


    
    LinkedIn


    
    Instagram


    
    YouTube


    
    Google


    
    Google Plus



    


    


右浮
左浮

满行

效果：

按钮的大小

最小
微小
很小
中等
稍大
很大
巨大
最大

效果：

按钮的颜色

红色
橘色
黄色
橄榄绿
绿色
水鸭蓝
蓝色
紫罗兰
紫色
粉色
棕色
灰色
黑色

效果

按钮的动画

  
    
        显示
        隐藏
            
        
    
    
    
        显示
        隐藏
            
        
    
    
    
        显示
        隐藏
            
        
    
    
    加载中

效果：

按钮的组合

按钮的组合:attached紧紧依附在一起


梁云亮好


左边
右边


    修改
    删除
    增加



    修改
    删除
    增加



    修改
    
    增加



    
        
    
    
        
    
    
        
    
 

效果：