企业官网建设流程全解析

综合门户网站开发,wordpress建网站知乎,flash怎么做网页,网站规划与网页设计总结Foundation 5 按钮#xff08;Buttons#xff09; Foundation 5 的按钮样式非常丰富、响应式#xff0c;支持多种颜色、大小、圆角、禁用状态#xff0c;以及按钮组#xff08;Button Groups#xff09;和下拉按钮#xff08;Dropdown Buttons#xff09;。只需添加类…Foundation 5 按钮ButtonsFoundation 5 的按钮样式非常丰富、响应式支持多种颜色、大小、圆角、禁用状态以及按钮组Button Groups和下拉按钮Dropdown Buttons。只需添加类名即可生效无需额外 JS下拉按钮除外。1. 基本按钮任何a、button或input typesubmit添加类.button即可变成 Foundation 按钮。默认颜色蓝色。2. 常用类颜色.secondary灰、.success绿、.alert红、.warning橙。大小.tiny极小、.small小、默认、.large大、.expand全宽。圆角.radius小圆角、.round大圆角。禁用加disabled属性或类.disabled。3. 代码示例直接复制到你的 HTML 模板中测试divclassrowdivclasscolumnsh3基本按钮与颜色/h3aclassbutton默认按钮/aaclassbutton secondarySecondary/aaclassbutton successSuccess/aaclassbutton alertAlert/aaclassbutton warningWarning/ah3大小与圆角/h3aclassbutton tiny radiusTiny Radius/aaclassbutton small roundSmall Round/aaclassbutton largeLarge/aaclassbutton expand全宽 Expand/ah3禁用状态/h3aclassbutton disabledDisabled类/abuttonclassbuttondisabledDisabled属性/button/div/div4. 按钮组Button Groups用于将多个按钮组合在一起。h3按钮组/h3ulclassbutton-groupliaclassbutton按钮1/a/liliaclassbutton按钮2/a/liliaclassbutton按钮3/a/li/ululclassbutton-group round even-3!-- even-3 表示平均分成3份 --liaclassbutton左/a/liliaclassbutton中/a/liliaclassbutton右/a/li/ul5. 下拉按钮Dropdown Buttons需要初始化 JS已包含在$(document).foundation();中。h3下拉按钮/h3aclassbutton dropdowndata-dropdowndrop1下拉按钮/auliddrop1classf-dropdowndata-dropdown-contentliahref#选项1/a/liliahref#选项2/a/liliahref#选项3/a/li/ul这些按钮在移动端也会自动响应保持良好触控体验。复制代码运行试试点击下拉按钮查看效果下一个想学什么表单Forms、导航Top Bar、网格进阶还是其他组件告诉我继续