站長資訊網(wǎng)在css中，可以使用border屬性去掉邊框，只需要給input元素設(shè)置“border:none”樣式即可。border屬性設(shè)置所有的邊框?qū)傩?，?dāng)值為none時，表示對標(biāo)簽元素不設(shè)置邊框?qū)傩曰蛘呷∠吙驅(qū)傩?，定義無邊框樣式。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
新建一個html文件，命名為test.html，在test.html文件內(nèi)，使用input標(biāo)簽創(chuàng)建一個文本輸入框，默認(rèn)值為空。給input元素添加一個class屬性myttpp，用于通過該class設(shè)置其css樣式。編寫<style type="text/css"></style>標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)。
<body> <input type="text" name="" class="myttpp"> </body>
在css標(biāo)簽內(nèi)，通過class(myttpp)設(shè)置input的樣式，將border屬性定義為none，實現(xiàn)去邊框。為了顯示效果，同時設(shè)置背景顏色為灰色。
<style> .myttpp{ border: none; background: #ccc; } </style>
在瀏覽器打開test.html文件，查看實現(xiàn)的效果。
推薦學(xué)習(xí)：css視頻教程
