站長資訊網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視頻教程
