我無法更改HTML和CSS上的圖像大小

<div class="profile"> 
    <img src="image/JaeHeadShot.jpg" alt="Head Shot"/> 
    <h1> Jae Hong </h1> 
</div> 

.profile{ 
    border: 2px solid rgba(0,0,0,0.3); 
    text-align:center; 
    padding: 30px; 
} 
img.profile{ 
    width:423; 
    height:281; 
}

這是我的HTML和CSS。我不確定我做錯了什麼，但圖像不會變小。但是，如果我這樣做我無法更改HTML和CSS上的圖像大小

<img src="image/JaeHeadShot.jpg" alt="headshot" width="423" height="281"/>

圖像似乎改變。我只想知道爲什麼當我在CSS上工作時它不工作。

感謝您的幫助！

來源

2017-05-07 Jay Hong

-1

圖像在您的代碼中沒有類屬性。因此，使用類配置文件訪問它不會獲取圖像。所以，只有圖像，你可以給 img { width:423; height:281; }

來源

2017-05-07 20:25:31 bigbounty

的img.profile不會選擇圖像，因爲圖像沒有配置文件類，這一數字正在丟失的單位。

做這樣的：

img { 
    width : 423px; 
    height : 281px; 
}

來源

2017-05-07 20:26:57 gaganshera

那麼我怎樣才能選擇div class「profile」中的圖片呢？我也試過給它一個id =「headshot」，並在CSS中使用了img＃headshot。它不起作用。感謝您的幫助！ –

不可以。要將該類用作選擇器，您必須編寫'.profile img'來選擇任何'img'，它是具有類'profile'的元素的後代。 – Pharaoh

要使用該類名稱，您應該像div.profile img {width：423px; height：281px;}。 – gaganshera

曲線是對於div元素類，而不是針對圖像。

img.profile{ 
    width:423; 
    height:281; 
}

如果你想使用特殊的css的圖像，你可以爲它定義一個類。

.myImage{ width: 423px; height: 281px}

並在圖像標籤中使用它。

<img src="image/JaeHeadShot.jpg" alt="headshot" class=".myImage"/>

來源

2017-05-07 20:34:59 AswathyPrasad

我無法更改HTML和CSS上的圖像大小

回答

相關問題