html怎么去掉图片的边框

首先明确这个边框是不是img的边框，如果是，则img{border:none}即可。

如果这个边框是外层div设置的边框，则需要将外层div{border:none}即可。

查看图片的宽度跟高度大小，把外层的div或者li的宽度 跟高度设置成图片的宽跟高！

border:none 改为border:0 再加一个去除焦点的样式 a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur())}

1、在浏览器编辑页面中输入input的相关代码，以下代码为HTML图文案例：

<div class="form"><input id="code" class="ipx code" name="code" placeholder="示例 蓝色边框" type="text"><input type="button" class="send" value="发送"></div>

2、用浏览器查看时，会发现点击input出现了蓝色边框。

3、直接在input中加style=“outline:none。

4、在顶部编辑器中直接修改css粗细样式

<style type="text/css">  input{outline:none}</style>

5、直接用 input:focus { outline: none} 控制聚焦时不出现蓝色边框，确认后保存即可

扩展资料：

一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：

<form action="form_action.asp" method="get">First name: <input type="text" name="fname" />Last name: <input type="text" name="lname" /><input type="submit" value="Submit" /></form>

以上为HTML源代码，可供后期修改

---