css去除邊框的方法：1、使用“border:none”定義無邊框樣式；2、使用“border:1px solid transparent”設置邊框透明；3、使用“border:1px solid 背景顏色值”設置邊框顏色與背景顏色一樣。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

新建一個html文件，命名為test.html，用于講解CSS如何去掉div的邊框。

在test.html頁面中，創(chuàng)建一個div，并設置其css類名為con，代碼如下：

使用css設置div在頁面居中顯示，并設置其寬高都為300px，同時設置div為紅色的邊框。

在css中，設置一個去除邊框樣式的類名removeborder，并把它加入div的class類屬性中。

方法一：在類名為removeborder的樣式中，使用border:none來去除div的邊框顯示，如下圖所示：

方法二：在類名為removeborder的樣式中，使用border:1px solid transparent設置邊框透明來去除div的邊框顯示，如下圖所示：

方法三：在類名為removeborder的樣式中，使用border:1px solid yellow設置邊框的顏色與背景顏色一樣來去除div的邊框顯示，如下圖所示：

推薦學習：css視頻教程