这种情百况下就没有边度框了!但是你上面的问那张效果图,根本就是有边框的--就是橙色答里面的黑色边框而橙色显示的应专该是套在这个文本框外面的" />
乔山办公网我们一直在努力
您的位置:乔山办公网 > word文档 > html中如何去掉文本框的边框-word文本框怎么去掉边框,word文本框无轮廓

html中如何去掉文本框的边框-word文本框怎么去掉边框,word文本框无轮廓

作者:乔山办公网日期:

返回目录:word文档


<input type="text" style="border:0" />这种情况下就没有边框了!
但是你上面的那张效果图,根本就是有边框的--就是橙色里面的黑色边框
而橙色显示的应该是套在这个文本框外面的div的背景:
<div style="background:none;"><input type="text" /></div>
或者:<table border="0" style="background:none;">...</table>

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

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

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

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


1、首先选择在边框上单击它进行选中的操作。

2、在所选边框的任意一侧,右键单击鼠标;选择对象的格式。

3、或者直接在选中的文本框上方,单击鼠标左键2(双击鼠标左键),出现设置对象格式对话框。

4、单击颜色下拉菜单。在颜色里选择:白色的选项。之后单击确定的按钮。

5、删除文本边框问题并成功解决,效果如下。



通过设置文本框格式来实现。

1、插入一个简单文本框;

2、在文本框中输入你想输入的文字;

3、选中zhidao刚刚插入的文本框,右键,选择“设置自选图形/图片格式”;

4、在文本框格式中的颜色与线条界面中,将线条的颜色改为无颜色,然后点击保存,退出;

5、可以看到文本框外边框消失了,仅剩下内部文字。

相关阅读

关键词不能为空
极力推荐
  • 免费获取office2010软件-word2010

  • word2010,计算机二级考试使用的office版本是2010版,如果大家现在电脑里面的office版本不是2010的话,可要注意了。

ppt怎么做_excel表格制作_office365_word文档_365办公网