您当前的位置: 首页 > 

Linux小百科

暂无认证

  • 0浏览

    0关注

    1185博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

了解下Foundation 图标

Linux小百科 发布时间:2022-08-19 11:27:40 ,浏览量:0

Foundation 提供了 283 个图标,你可以使用css来定义它的样式尺寸。图标可用于文本,按钮,工具条,导航栏,表单等。

以下是 Foundation 图标的实例:

图标语法

创建图标语法格式如下:

 

name 部分替换为图标的名字。

要使用图标我们需要在 部分添加图标的样式文件:

 

Icon 实例

以下演示了使用图标的实例:

实例

Cloud icon:

Cloud icon as a link:

Styled Cloud icon:

Home icon:

Home icon on a button: Home

Home icon on a green button: Home

Home icon on a large, light blue link button: Home

工具条图标

我们可以使用 .icon-bar 类来创建一个指定数量的工具栏图标:

实例

                                     

图标描述使用  元素:

实例

      Home         Share         Info         Mail       Search  

.disabled 类可以让图标变成不可点击状态:

实例

  



    

.vertical 类用于创建一个垂直的工具栏:

实例

  ....

 

关注
打赏
1665632672
查看更多评论
立即登录/注册

微信扫码登录

0.0384s