CSS取消img邊緣線 當我們在網頁中插入一張圖片時，可能會發現該圖片周圍存在一條灰色邊緣線。這是因為瀏覽器默認給圖片添加了border屬性，這個邊框可以添加一定的樣式使圖片更好看。但是，如果我們不需要這條邊緣線，怎么辦呢？ 我們可以使用CSS的樣式重置來取消img邊緣線。方法如下： 1.將邊框設置為0或none 可以在CSS中添加以下代碼： pre{ border:1px solid red; } 然后將border屬性設置為0或none，如下所示： pre{ border:none; } 這樣就可以將圖片周圍的邊框取消掉了。 2.修改圖片樣式 如果我們僅需要修改某些特定的圖片，我們可以為這些圖片單獨設置樣式。例如： pre img{ border:none; } 這樣就只會將pre標簽內的圖片的邊框取消掉。 3.其他樣式重置 除了邊框外，還可能存在其他樣式需要重置。例如，圖片有默認的居中樣式，我們可能需要將它改為左對齊。可以添加以下代碼實現： pre img{ display:block; margin:0 auto; text-align:center; } 這里通過設置display屬性為block，將圖片轉換為塊級元素，然后通過margin屬性將圖片水平居中，再通過text-align屬性將圖片文本左對齊。 總結 以上就是取消img邊緣線的方法。記得在網頁設計中，合理地應用樣式重置，可以讓網頁更加美觀。