將對象的的邊框設置border:0和border:none的效果是一樣的,都可以將邊框取消。 代碼實例如下: 以上代碼的運行可以看出,通過將邊框設置為0或者none都可以取消邊框,從外觀上兩者是一樣的,但是還是有很大不同。border:0可以將邊框的寬度設置為零,儘管視覺上看不到了,但是瀏覽器還是會 ...
將對象的的邊框設置border:0和border:none的效果是一樣的,都可以將邊框取消。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div { width: 200px; height: 200px; border: 2px solid red; border-bottom: none; border-left: 0; } </style> </head> <body> <div></div> </body> </html>
以上代碼的運行可以看出,通過將邊框設置為0或者none都可以取消邊框,從外觀上兩者是一樣的,但是還是有很大不同。border:0可以將邊框的寬度設置為零,儘管視覺上看不到了,但是瀏覽器還是會渲染的,border:none直接是沒有邊框,瀏覽器不會去渲染。所以說設置為none執行效果稍高一些,當然這個差距基本忽略不計。
原文地址:border:0和border:none的區別是什麼
主頁地址:http://www.softwhy.com/