Foundation5(十五)
Foundation 列表
在 HTML 中,无序列表 (<ul>
) 实例如下:
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
结果:
- List item
- List item
- List item
- List item
圆圈标识符
在 Foundation 中,无序列表 (<ul>
) 的前缀符号为圆圈,使用 .circle 类,实例如下:
<li>List item</li>
...
</ul>
尝试一下 »
方块标识符
方块标识符前缀使用 .square 类:
<li>List item</li>
...
</ul>
尝试一下 »
无标识符
如果你不需要标识符,你可以使用 .no-bullet 类:
<li>List item</li>
...
</ul>
尝试一下 »
如果你需要添加一个水平的列表,可以在 <ul>
上添加 .inline-list
类:
尝试一下 »
列表菜单
一些 Web 页面可能需要列表菜单。
在 HTML 中,列表菜单同无序列表 <ul>
来定义,例如:
<li><a href="#">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
</ul>
结果:
- Home
- Menu 1
- Menu 2
- Menu 3
Foundation5(十五)相关推荐
- 2021年大数据HBase(十五):HBase的Bulk Load批量加载操作
全网最详细的大数据HBase文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 系列历史文章 HBase的Bulk Load批量加载操作 一.Bulk L ...
- 2021年大数据Hadoop(二十五):YARN通俗介绍和基本架构
全网最详细的Hadoop文章系列,强烈建议收藏加关注! 后面更新文章都会列出历史文章目录,帮助大家回顾知识重点. 目录 本系列历史文章 前言 YARN通俗介绍和基本架构 Yarn通俗介绍 Yarn基本 ...
- 2021年大数据Hadoop(十五):Hadoop的联邦机制 Federation
全网最详细的Hadoop文章系列,强烈建议收藏加关注! 后面更新文章都会列出历史文章目录,帮助大家回顾知识重点. 目录 本系列历史文章 前言 Hadoop的联邦机制 Federation 背景概述 F ...
- 十五天精通WCF——第六天 你必须要了解的3种通信模式
十五天精通WCF--第六天 你必须要了解的3种通信模式 原文:十五天精通WCF--第六天 你必须要了解的3种通信模式 wcf已经说到第六天了,居然还没有说到这玩意有几种通信模式,惭愧惭愧,不过很简单啦 ...
- opengl正方形绕点旋转_一题十五种解法够不够? 旋转,构造,四点共圆乐不停...
平移,旋转,轴对称是我们初中学习的"几何三大变换".在我们初中阶段学习的几何知识中占据着核心的地位,特别是旋转,那更是核心中的核心(河南中考22题年年考). 如何更好的理解旋转,如 ...
- NeHe OpenGL第三十五课:播放AVI
NeHe OpenGL第三十五课:播放AVI 在OpenGL中播放AVI: 在OpenGL中如何播放AVI呢?利用Windows的API把每一帧作为纹理绑定到OpenGL中,虽然很慢,但它的效果不错. ...
- 转:中国互联网十五年的22个创新模式
中国互联网十五年的22个创新模式 今天,看网上有人推荐<沸腾十五年>,讲中国互联网从发源到现今. 有人有如此梳理,自己本来也想梳理一下中国互联网这么多年,到底是哪些公司出来了,为什 ...
- 15crmo焊接后多长时间探伤_15CrMo十五铬钼属于合金钢?、下面来解释一下
15CrMo十五铬钼属于合金钢,主要用于石油.石化.高压锅炉等,专门用途的无缝管有锅炉用无缝管.地质用无缝钢管及石油用无缝管等多种. 一.15CrMo化学成分: C:0.12-0.18 Mn:0. ...
- 微信小程序把玩(三十五)Video API
原文:微信小程序把玩(三十五)Video API 电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tem ...
最新文章
- Entity Framework:Code-First Tutorial开篇
- AOP 工厂对象之ScopedProxyFactoryBean 原理解析
- Objective-C学习之解析XML
- 2015-12-01 SQL查询语句基础
- graphpad做折线图_graphpad prism怎么做折线图啊?求解答!
- Linux多台主机互相免密登陆
- 【排列组合】ZSC1076: 数学、不容易系列之三——考新郎
- c语言分号应用,问什么C程序里总是提示缺少分号;,而明明有分号?
- HTML5 data-* 自定义属性 ---转载 原文地址:https://www.cnblogs.com/dolphinX/p/3348458.html...
- FRAGSTATS.4中用移动窗口算法计算景观指标步骤
- pycharm导入依赖包
- JMeter发送数据到Kafka
- 淘宝滞销宝贝怎么处理?面对滞销宝贝怎么正确处理?
- PVE7更新AQC107网卡驱动,解决奇葩问题。
- 2023武汉集训总结
- Symantec赛门铁克官网下载地址
- N1盒子内置双系统最新 V3.9.9.5 默认1920x1080分辨率版发布
- 测试新人到测试专家的进阶之路
- android studio开发的时候出现design editor is unavailable until after a successful project sync问题的解决方法
- wp版微信定位服务器,WP Weixin 微信登录服务连接器