在css中,可以利用border属性去掉文本框的所有边框,该属性的作用是设置元素的边框,当该属性值为“none”时,就会去掉元素的边框,语法为“文本元素{border:none;}”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css怎样去掉文本框的所有边框
我们可以通过border属性来去掉文本框的所有边框,该属性的作用就是用来设置元素的边框,当该属性值为none时,就会去掉元素的边框。
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ width:200px; height:100px; border:1px solid black; overflow:hidden; } .wenben{ border:none; } </style> </head> <body> <div class="wenben">文本框</div><br/> <input type="text" value="文本框" class="wenben"> </body> </html>
输出结果:
(学习视频分享:css视频教程)
以上是css怎样去掉文本框的所有边框的详细内容。更多信息请关注PHP中文网其他相关文章!