css中如何去掉button（按钮）的边框

在css中，主要通过border属性的设置，实现去掉边框。以代码编辑器：zend studio 100为例，可参考以下步骤去掉button（按钮）的边框：

1、新建一个html文件，命名为testhtml，用于讲解。

2、在testhtml文件内，使用button标签创建一个按钮，用于测试。

3、在testhtml文件内，给button按钮添加一个id属性，用于样式的设置。

4、在testhtml文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

5、在css标签中，通过id设置button的样式，定义其背景颜色为蓝色，文字颜色为白色，最后，将border属性设置为none，实现去掉button的边框。

6、在浏览器打开testhtml文件，查看实现的效果。

1、打开html开发软件，新建一个html文件。

2、在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

3、然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。

4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none,这个样id为hide的div就会被隐藏掉了。

5、为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。

6、保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

1、添加元件

2、隐藏菜单分组

3、给按键添加点击事件

4、预览效果

从元件库中拖动元件到画布：添加按键、菜单背景图、三个菜单文本，如下图2画布所示；

1-2、选中“菜单背景图、三个菜单文本”，设为一组；

3、并设置分组名称为“菜单”，设置名称是方便在大量元件中快速查找到我们需要的元件组（这是个好习惯，请注意）；

4-5、勾选“样式”界面的隐藏按键；

1、单击选中按键；

2、在界面右侧边栏选中“PROPERTIES”（属性）；

3、双击add case 下的“OnCLick”，显示时间编辑界面；

4、如下图，点击“Widgets”》“show/hide” ；

5、在右边栏勾选步骤二中命名的“菜单”；

6-7、勾选“Visibility”》“Toggle”（切换效果-在显示与隐藏之间切换），然后完成设置。

---