axure使用css

Axure作为一个Mockup工具，可以帮助你快速地制作产品原型，同时也支持CSS的使用。

在Axure中，可以通过添加CSS来定制组件的样式：

/* CSS代码示例 */

/* 修改按钮样式 */
button {
  background-color: #3f51b5;
  color: #fff;
  padding: 10px 18px;
  border-radius: 4px;
}

/* 修改表单输入框样式 */
input {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 10px;
}

/* 修改列表样式 */
ul,li {
  margin: 0;
  padding: 0;
  list-style: none;
}
li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

在Axure中，你可以通过以下步骤添加CSS：

1. 在“交互”选项卡下，选择“动态面板”

2. 在动态面板中添加一个“HTML区域”

3. 在HTML区域中输入你想要添加的HTML和CSS代码

4. 在动态面板中添加你想要添加样式的元素，并设置其类名

5. 在Axure中，你可以通过在“样式”选项卡下修改元素的类名来应用CSS样式

在使用Axure的过程中，使用CSS可以帮助你更好地控制组件的样式，提高原型的可读性和可用性。