2012-11-08 45 views
-5

有人可以幫我刪除這個「Plus」圖像的邊框嗎?如何刪除HTML文件中圖像的邊框

<div id="Drop Image and Advance Search" style="margin-left: 0px"> 
    <img id='downarrow' style='float: left;' 
     border=none src=".\images\button_plus.gif" 
     width="20" height="20" 
     onclick="javascript:toggle();"> 
    <img id='uparrow' 
     style='display: none; float: left;' 
     border=none src=".\images\button_minus.gif" 
     width="20" height="20" 
     onclick="javascript:toggle();"> 
    <a href="javascript:toggle();"> <u><h4>Advance Search</h4></u></a> 
</div> 
+0

使用CSS你嘗試過邊界= 「0」?谷歌搜索會告訴你這個 – Patrick

+0

你需要添加更多信息。我們看不到你在說什麼。 – evan

+0

是的嘗試過,但它不會工作 –

回答

4

您應該使用border="0"代替border=none

或者更好的是,由於邊界屬性是不爲HTML 4.01(來源MDN),加一個風格

<img style="border:0" /> 
+0

試過這個不行的 –

+0

你能創建一個複製你的問題的jsfiddle嗎?你是否用Ctrl + F5刷新了頁面? – Patrick

+0

謝謝帕特里克風格工作 –

0

嘗試:

<img border="0" src=".\images\button_minus.gif" width="20" height="20"> 
+0

試過這個,但它不會工作 –

-2

需要使用style="border:0"

<div id="Drop Image and Advance Search" style="margin-left: 0px"> 

     <img id='downarrow' style='float: left; border:0px;' 
      src=".\images\button_plus.gif" 
      width="20" height="20" 
      onclick="javascript:toggle();"> 
     <img id='uparrow' 
      style='display: none; float: left; border:0px;' 
      src=".\images\button_minus.gif" 
      width="20" height="20" 
      onclick="javascript:toggle();"> 
      <a href="javascript:toggle();"> <u><h4>Advance Search</h4></u></a> 
    </div> 
+1

你爲什麼不編輯你的其他答案?你爲什麼只複製我在回答你的問題時所寫的內容? – Patrick

+0

我想我可以做到這一點:) – Aaron

0

img { 
    border: 0 none; 
}