HTML CSS隱藏圖像的溢出部分

我是Web開發新手。而我有問題。這是像我說的是：HTML CSS隱藏圖像的溢出部分

如何設置圖像的任何部分的div外面看不見？或者我應該裁剪圖片

下面是代碼的副本

<div style="height:200px; width:200px; border-radius:100px; border:2px solid blue;text-align:center;"> 
<img src="../pics/2.jpg" style="height:180px;"> 
</div>

來源

2015-09-12 Elie

這將是值得學習如何包括你的風格的CSS文件，使用風格在這樣的html元素上會導致將來出現問題 –

這是我的代碼的一小部分，我正在試驗我的一個新想法，我認爲它不值得爲它們創建一個單獨的CSS文件。感謝您的建議，然而@Toni Leigh – Elie

np，就在您說'我是web dev的新手'時:-P –

嘗試把overflow:hidden到div的造型，如圖所示：

<div style="overflow:hidden; height:200px; width:200px; border-radius:100px; border:2px solid blue;text-align:center;"> 
    <img src="../pics/2.jpg" style="height:180px;"> 
</div>

來源

2015-09-12 17:59:07 webdeb

應用overflow: hidden父<div>

來源

2015-09-12 17:59:32

HTML CSS隱藏圖像的溢出部分

回答

相關問題