Foundation 标签

.label 类用于提供一些附加信息:

成都创新互联公司专业为企业提供惠农网站建设、惠农做网站、惠农网站设计、惠农网站制作等企业网站建设、网页设计与制作、惠农企业网站模板建站服务，10年惠农做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

实例

<
h2
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h2
>


<
h3
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h3
>


<
h4
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h4
>

尝试一下 »

以下类可以设置标签的颜色: .secondary, .success, .info, .warning 或 .alert:

实例

<
span
class=
"label"
>Default Label
<
/span
>


<
span
class=
"label secondary"
>Secondary Label
<
/span
>


<
span
class=
"label success"
>Success Label
<
/span
>


<
span
class=
"label info"
>Info Label
<
/span
>


<
span
class=
"label warning"
>Success Label
<
/span
>


<
span
class=
"label alert"
>Alert Label
<
/span
>

尝试一下 »

圆角标签

.radius 与 .round 类可以为标签添加圆角：

实例

<
span
class=
"label"
>Default Label
<
/span
>


<
span
class=
"label radius"
>Radius Label
<
/span
>


<
span
class=
"label round"
>Round Label
<
/span
>


<
span
class=
"label success round"
>5
<
/span
>

尝试一下 »

标签大小

可以使用 CSS 来修改标签的大小:

实例

<
h1
>Example
<
span
class=
"label"
style=
"font-size:36px;"
>New
<
/span
>
<
/h1
>


<
h2
>Example
<
span
class=
"label"
style=
"font-size:30px;"
>New
<
/span
>
<
/h2
>


<
h3
>Example
<
span
class=
"label"
style=
"font-size:20px;"
>New
<
/span
>
<
/h3
>


<
h4
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h4
>

尝试一下 »

文章名称：创新互联Foundation教程：Foundation标签
文章转载：http://www.csdahua.cn/qtweb/news12/228812.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网