html - Can't hide border of image in CSS -
this question has answer here:
- img tag remove border 4 answers
there problem hiding border of image in css:
logo <img>
- tag, inside main <div>
, i'm setting border value so:
#map-logo { border: none; ... }
to <img>
object, border visible, how fix in css?
code , live sample:
<html> <head> <title></title> <style type="text/css"> body { background-color: #ff0000; } #map-control { width: 177px; height: 178px; background-image: url( 'http://s30.postimg.org/96b366cxp/image.png' ); } #map-logo { border: none; margin: 0px; padding: 0px; width: 85px; height: 85px; background-image: url( 'http://s30.postimg.org/is4nmh43h/image.png' ); } </style> </head> <body> <div id="map-control"> <img id="map-logo" /> </div> </body> </html>
the code border: none
isn't valid.
it should border: 0
[note]
strictly should border-width: 0
, since border
shorthand border-width
, border-style
, border-color
)
Comments
Post a Comment