html中如何去掉文本框的边框

html-css011

html中如何去掉文本框的边框,第1张

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

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

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

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

表格边框的显示与隐藏,是可以用frame参数来控制的。请注意只能控制表格的边框图,而不影晌单元格。

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示左、右边框 <table frame=vsides>

只显示上、下边框 <table frame=hsides>

只显示 左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

可以用css直接设置 还可以用javascript设置,

ccs方法如下:设置需要隐藏边框的<td class="xx"> 再设置.xx{border:0}就可以了;

同理如果要隐藏行边框就设置需要的行 <tr class="xx">就可以了;

javascript方法如下:先取到要取消边框的列元素 例如var xx=document.getElementById('xx')

然后设置xx.style.border=0就可以了,建议使用css直接设置就可以了。