css文本框边框怎么去掉?

我们在编写HTML网页时经常需要用到文本框,而文本框默认使用边框的,如果我们不想要边框该如何去掉文本框边框呢?下面我们来看一下使用css去掉文本框的方法。

css可以用border属性去除文本框的边框。

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

1.jpg

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

2.jpg

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

3.jpg

以上就是css文本框边框怎么去掉?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏