Pages - Menu

2016年10月19日 星期三

CSS 顯示圖片的某一個部分

懶得開修圖軟體裁切,
卻又只想顯示圖片的某一部份。

可在圖片外層包一個div。

<div style="width:900px;overflow:hidden;">
<a href='#'><img src='https://xxxxxxx" style="width:900px;margin-top:-100px"/></a>
 </div>


首頁的度估圖片就是利用此方法。因本來的圖片太小,又懶得動手放大,
直接將貼圖的寬度設為900,再利用margin-top 將圖往上移,顯示出想要的區塊

沒有留言:

張貼留言