在html中，可以使用border屬性去掉文本框的邊框，只需要給文本框元素設(shè)置“border:0”或“border:none”樣式即可。border屬性為元素的邊框設(shè)置寬度，當(dāng)值為0或none時(shí)，表示文本框?qū)挾葹?或是文本框無邊框。

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

css可以用border屬性去除文本框的邊框。

新建html文檔，在body標(biāo)簽中添加一些input標(biāo)簽，這時(shí)默認(rèn)情況下瀏覽器中的文本框有1px的邊框：

在head標(biāo)簽中添加style標(biāo)簽，設(shè)置input的樣式，這里為了演示方便，為文本框設(shè)置灰色的背景色：

為input標(biāo)簽設(shè)置邊框“border”屬性，屬性值為“0”，這時(shí)網(wǎng)頁中文本框的邊框就被去掉了：

也可以使用border：none屬性去掉文本框的邊框。

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