यहां मेरा सीएसएस और एचटीएमएल कोड है। मैं केंद्र में एक छवि डालना चाहता हूं और यह काम करता है सिवाय इसके कि छवि के चारों ओर एक अजीब सफेद सीमा है। मैं border:none;
और border:0;
सफेद सीमा के बिना सीएसएस का उपयोग कर छवि को कैसे केन्द्रित करें
की कोशिश की है HTML:
<!DOCTYPE html>
<html>
<head>
<title>Food.</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" type="image/png" href="favicon.ico">
</head>
<body>
<img border="0" id="image" class="centered" />
</body>
</html>
सीएसएस:
.centered {
position: fixed;
top: 50%;
left: 50%;
margin-top: -182px;
margin-left: -153px;
}
img#image{
/*I think this is where the issue is caused*/
width:337px;
height:219px;
background-image: url('soon_comp.png');
background-color: transparent;
}
body {
outline: none;
background-color: rgb(15,15,30);
border-color:transparent;
border:0px;
}
क्यों नहीं 'छवि' स्रोत के बजाय 'img' में अपना छवि स्रोत डालें? जैसे '' –
और आप सुनिश्चित हैं कि छवि में सफेद सीमा नहीं है? व्यंग्यात्मक नहीं है, सिर्फ यह है कि मैंने यह महसूस करने से पहले कुछ बार खुद किया है कि सफेद सीमा छवि का हिस्सा थी, न कि HTML या CSS के कारण। – robx