关闭/Close
最后更新于:2022-04-01 22:22:07
# 关闭/Close
定义不同样式的,能与各种组件结合使用的关闭按钮。
## 用法
使用这个组件,需要添加`.uk-close`类到一个 `<a>` 或 `<button>` 元素中。
### 示例
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f3402602.jpg)
### Code
```
```
* * *
## 样式调整
添加`.uk-close-alt`类,为关闭按钮带来一个非同寻常的样式。
### 示例
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f3410c5a.jpg)
### Code
```
```
* * *
## 提示框里的关闭按钮
这是一个关于如何将关闭按钮和[提示框](alert.html)结合使用的例子。
### 示例
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f3423601.jpg)
这是一个在提示框中使用关闭按钮的例子。
* * *
## 模态对话框里的关闭按钮
这是一个在[模态对话框](modal.html)中使用关闭组件的例子。
### 示例
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-12_57346f3433a33.jpg)
';