HTML/CSS 第16页

2022-12-31阅读(489)

缩略图 在 <img> 元素外添加 <a> 元素将图片作为一个锚链接。 在 <a> 标签中添加 .th 类将图片设置为缩略图...

2022-12-31阅读(728)

Foundation 面板是一个灰色边框，内容含有内边距的模块。可以使用 .panel 类来创建: 面板颜色 使用 .callout 类将面板颜色修改为浅蓝： 圆角面板 使用 .radius...

2022-12-31阅读(432)

我们可以在 <div> 元素中使用 .progress 类来创建进度条， .meter 类用于子元素(<span>)。我们可以在 <span> 元素中设置进度百分比，如下所示： 进度条颜色 默认情况下，进度条颜色为蓝色。不...

2022-12-31阅读(520)

提醒框可以使用 .alert-box 类创建, 可以添加可选的类： .secondary, .success, .info, .warning 或 .alert...

2022-12-31阅读(512)

.label 类用于提供一些附加信息: 以下类可以设置标签的颜色: .secondary, .success, .info, .warning 或 .alert: 圆角标...

2022-12-30阅读(626)

Foundation 提供了 283 个图标，你可以使用css来定义它的样式尺寸。 图标可用于文本，按钮，工具条，导航栏，表单等。 图标语法 创建图标语法格式如下: name 部分替换为图标的名字。 要使用图标我们需要在 <...

2022-12-30阅读(557)

按钮组 Foundation 可以在同一行内创建一系列的按钮。 可以使用 <ul> 元素并添加 .button-group 类来创建按钮组： 垂直按钮组 垂直按钮组使用 .sta...

2022-12-30阅读(580)

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

2022-12-30阅读(528)

Foundation 的 <table> 元素样式为灰色斑马条纹且包含四个边框： 响应式表格 使用 CSS 让表格支持响应式设计：在表格外添加 <div> 元素，样式为&nbs...

2022-12-29阅读(532)

Foundation 默认设置 Foundation 使用浏览器默认字体大小 (font-size:100%)。对于大多数桌面浏览器来说，字体默认为 16px。对于大多数移动端浏览器来说，字体默认为 12px。默认的字体为 "He...