原来小丑是我。 哇哈哈， 今天我们要来学习一个超酷的CSS技巧，就是怎么让网页的边框变得kan不见，但又不占用电脑的内存。你知道吗？这个小秘密可是Neng让你的网页变得geng加漂亮哦！下面就让我们一起揭开这个秘密的面纱吧！

border:none;和border:0;dou是干什么的？

先来说说border:none;和border:0;这两个小宝贝dou是用来控制网页元素的边框的。 恕我直言... 比如说一个按钮huo者一个图片，我们想要它们没有边框，就会用到这两个宝贝。

冲鸭！ border:none;的意思是“边框什么dou没有”， 就像是把边框从页面上蒸发了一样，一点痕迹dou没有。而border:0;的意思是“边框的宽度是0像素”，虽然kan起来有点像边框，但其实吧是kan不见的。

虽然这两个宝贝dou可yi让边框kan不见，dan是它们还是有小小的不一样的。我们先来说说性Neng上的不同。

性Neng差异

border:none;这个小宝贝在电脑里面是不会占用内存的， 就像是它在电脑里隐形了一样，不会给电脑带来ren何负担。dan是border:0;这个小宝贝虽然kan不见，可是它在电脑里是存在的，会占用一点点的内存。

想象一下 如guo你有hen多网页元素dou要设置边框为0，那么用border:none;就Neng让你的网页跑得geng快哦！主要原因是电脑不用为这些kan不见的边框花费内存，我服了。。

兼容性差异

妥妥的！ 兼容性呢， 就是指在不同的电脑和浏览器上，这两个宝贝的表现会不会不一样。在这方面border:none;可Neng比border:0;geng加保险。

比如说 在一些hen老的浏览器，比如IE6和IE7，它们可Neng不支持border:none;， 换言之... 这时候我们就得用border:0;来确保网页的边框可yi正常显示。

改进一下。 那么我们该怎么选择呢？其实hen简单，如guo你想要网页跑得快，不占用电脑的内存，那就用border:none;。如guo你担心兼容性问题，那就用border:0;。

不过你也可yi。

哇哈哈， 今天我们学习了border:none;和border:0;的区别，知道了它们在性Neng和兼容性上的不同。希望这些小知识Neng帮助你在制作网页的时候，让网页变得geng加漂亮哦！如guo你还有其他问题，欢迎在评论区告诉我哦，太刺激了。！