如何爲特定的div創建CSS樣式？

我想爲特定圖片使用邊框半徑，我如何在CSS中做到這一點？當我嘗試使用邊框半徑屬性時，它會將其應用於該頁面上的所有圖像，並且當我通過類使用它時，它不起作用。請看這個代碼並告訴我。如何爲特定的div創建CSS樣式？

#radiusimage{ 
 
    border-radius: 25px; 
 
}

<img class="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

來源

2016-10-25 Hamza Ahmad

添加其他類 –

'.'是類和''＃是在CSS ID。 –

因爲你img標籤沒有的radiusimage ID嘗試使用.上radiusimage不#它指定了一個類。

來源

2016-10-25 04:59:10

你的CSS定義radiusimage作爲id和HTML作爲一類..

#radiusimage{ 
 
    border-radius: 25px; 
 
}

<img id="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

或者，如果您要求我們在類定義的CSS類是這樣的：

.radiusimage{ 
 
    border-radius: 25px; 
 
}

<img class="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

來源

2016-10-25 05:00:09

當您使用class HTML屬性，你需要使用.在CSS

.radiusimage { 
 
    border-radius: 25px; 
 
}

<img class="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

如果你想使用CSS #，那麼你的HTML屬性更改爲id

#radiusimage { 
 
    border-radius: 25px; 
 
}

<img id="radiusimage" src="https://bestforandroid.com/wp-content/uploads/2016/10/music-apps-1-300x150.png" alt="music-apps" width="300" height="170" />

來源

2016-10-25 05:00:16 Thamilan

謝謝，我嘗試過，當時沒有任何幫助。 –

看起來你在(.)類

的地方使用ID (#)這裏是解決 https://jsfiddle.net/itsselvam/f1j4y8gr/

來源

2016-10-25 05:03:32 Selvam

如果要將此應用到多個圖像，那麼你應該使用一個類，但添加它作爲另一類，如果需要並記住您的唯一ID

so img id =「apple」class =「green borderradius」將看起來不同於img id = 「蘋果」級= 「綠色」例如

見fiddle或摘錄

.green { 
 
    background-color: green; 
 
} 
 

 
.yellow { 
 
    background-color: yellow 
 
} 
 

 
.radius { 
 
    border-radius: 25px; 
 
} 
 

 
img { 
 
    background-size: 50px 50px; 
 
    background-repeat: no-repeat; 
 
}

<img id ="apple" class="yellow radius" src="http://www.hudsonproduce.com/images/fruitimages/apples-fuji.png"> 
 

 
<img id="apple1" class="green radius" src="http://www.hudsonproduce.com/images/fruitimages/apples-fuji.png"> 
 

 
<img id ="apple2" class="green" src="http://www.hudsonproduce.com/images/fruitimages/apples-fuji.png">

來源

2016-10-25 05:03:38

如何爲特定的div創建CSS樣式？

回答

相關問題