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

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

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

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

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

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

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

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

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

推薦學(xué)習(xí)：css視頻教程