html input边框如何去掉

奋力向前
Libérer: 2021-10-08 11:14:48
original
11809 Les gens l'ont consulté

在HTML中,可以使用border属性来去掉边框,只需要给input元素添加“border:边框宽度值或颜色值;”样式,并将边框宽度值设置为“0”或边框颜色值设置为“transparent”即可。

html input边框如何去掉

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、新建html文档,在body标签中添加一些input标签,这时默认情况下浏览器中的文本框有1px的边框

微信截图_20211008104856.png

2、在head标签中添加style标签,设置input的样式,这里为了演示方便,为文本框设置灰色的背景色

微信截图_20211008104922.png

3、为input标签设置边框“border”属性,属性值为“0”,这时网页中文本框的边框就被去掉了

微信截图_20211008104948.png

也可将属性值设置为“transparent”。

推荐学习:HTML视频教程

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!