在css中，主要通过border属性的设置，实现去掉边框。以代码编辑器：zend studio 10.0为例，可参考以下步骤去掉button（按钮）的边框：
1、新建一个html文件，命名为test.html，用于讲解。
2、在test.html文件内，使用button标签创建一个按钮，用于测试。
3、在test.html文件内，给button按钮添加一个id属性，用于样式的设置。
4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签中，通过id设置button的样式，定义其背景颜色为蓝色，文字颜色为白色，最后，将border属性设置为none，实现去掉button的边框。
6、在浏览器打开test.html文件，查看实现的效果。
在Fireofx中显示正常，但在webkit内核下的浏览器中，如Chrome和Safari，图片边缘会有很明显锯齿。也可以说是webkit抗锯齿的一个BUG。另外需要补充的一点，如果图片上级元素含有overflow:hidden属性，则会让锯齿感更明显。通过查找相关的资料，终于找到了解决办法。便是使用CSS3 3D transforms，通过GPU来渲染，能有效的起到抗锯齿效果。我们只要简单的在CSS3 transform属性中加入translateZ(0 同时发现另一个小问题，缩放的图片使用rotate3d 在非retina 屏下图片会变模糊了点点（属于不对比不发现的），而用rotate就没这问题，这个问题在old iPad 发现。同时又发现另另一个小问题，iOS 4.x上的 想要平滑，缩放图片哪种都会变模糊了点点（同样属于不对比不发现的），这个问题在old old iPhone 发现的。当一个div在另一个div里，两个div都有margin的属性，想让这两个div不出现外边距合并的问题，必须给外层div添加border属性或者overflow:hidden属性；如果允许其出现外边距合并，内层div始终保持原位置，而外层div的margin属性会取两者的最大值。例： 1.不允许出现外边距合并，给外层div添加overflow:hidden或border属性：外层盒子margin-top为100px,内层盒子为50px。
2.允许出现外边距合并：内层div始终保持原位置不变，外层div的margin去两者中最大值：
二、当两个div不存在嵌套关系时，不管是否有border或者overflow属性时，两者始终会存在外边距合并问题。
例：1.第一个div有margin-bottom:100px，第二个为margin-top:50px, 两者间距最终取100px
2.第一个div 由margin-bottom:100px, 第二个为margin-top:150px,两者间距最终取150px
总结：在实际项目中，如果对外边距合并理解不透彻而又不想因为css盒模型的外边距合并问题困扰，可以在不影响布局的问题下，可以添加overflow:hidden属性或者跟透明的border；如无法避免外边距合并问题，谨记两者margin取最大值就好了。
去除body标签边框的代码： body {padding:0 /*去除内边距*/
border:0 /*去除边框*/
margin:0 /*去除外边距*/
}
但是，我看你这个边框的情况并不像是浏览器产生的边框，浏览器默认产生的内外边距是纯白无色的，而border默认值本来也就是0，无需重复设置。你程序中这个边框的风格更像是Windows窗体的边框，我觉得主要还是在程序代码中找原因。
