html input邊框如何去除

奋力向前
發布: 2021-10-08 11:14:48
原創
11925 人瀏覽過

在HTML中,可以使用border屬性來去掉邊框,只需要給input元素新增「border:邊框寬度值或顏色值;」樣式,並將邊框寬度值設為「0」或邊框顏色值設定為“transparent”即可。

html input邊框如何去除

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

1、新html文檔,在body標籤中加入一些input標籤,這時預設瀏覽器中的文字方塊有1px的邊框

html input邊框如何去除

2、在head標籤中加入style標籤,設定input的樣式,這裡為了示範方便,為文字方塊設定灰色的背景色

html input邊框如何去除

##3、為input標籤設定邊框“border”屬性,屬性值為“0”,這時網頁中文字方塊的邊框就被去掉了

html input邊框如何去除

也可將屬性值設為“transparent” 。

推薦學習:

HTML影片教學
#

以上是html input邊框如何去除的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!