characters

Foundation 按钮


按钮样式

Foundation 提供了 6 种按钮样式。.button类创建了一个蓝色的按钮并附有内边距。不同颜色按钮类为:.secondary,.success,.info,.warning.alert:

实例

     
实例预览 »

按钮类可以使用在, 实例预览 »


为什么将 a 标签的 href 设置为 # ?

当我们不希望链接点击跳转并得到 "404" 页面时,我们可以将 a 标签的 href 设置为 #。

按钮大小

我们可以使用.large,.small.tiny类来设置按钮大小:

实例

   
实例预览 »

圆角按钮

可以使用.radius.round类来设置圆角按钮:

实例

  
实例预览 »

延展按钮

可以使用.expand类来设置按钮的宽带为 100%:

实例

 
实例预览 »

禁用按钮

可以使用.disabled类来设置按钮不可点击:

实例

 
实例预览 »


关于我们 联系我们 留言板

手册网

Previous article: Next article: