這裏是我的代碼:CSS:圖片邊框比圖像更廣泛,但高度是正確的
<!DOCTYPE html>
<html>
<head>
<style>
div.img1 {
display:block;
float: left;
margin:0px;
padding: 0px;
border-color: #384b5d;
border-style: solid;
text-align: center;
}
</style>
</head>
<body>
<div class="img1">
<img src="http://www.hotelseaviewdiu.co.in/wp-content/uploads/2014/10/Business-Meeting.jpg" width=50% height=50%>
</div>
</body>
所發生的問題,是在我的圖像邊框較寬,也許50像素每邊,而邊框的高度恰好在圖像上。我是CSS新手,並不確定爲什麼會發生這種情況。
這也是在谷歌網站的HTML框中。
我調整了寬度和高度以創建一個調整比例的較小的圖像。當我消除這些比率%的,邊界完全吻合,高度和寬度,所以我想這個問題是某處
<img src>
標籤中我的形象調整範圍內。
謝謝任何和所有的幫助。對此,我真的非常感激。
問候,
請插入剪斷提供了一個例子,或者使用https://開頭的jsfiddle。淨/或任何其他;-) –
這是因爲你的目標是圖像所在的div而不是img。相反,將邊框屬性應用於'div.img1 img'。 –
感謝您的澄清! – Mangzane