怎么让网页图片填充与div框架

<div class="pic">
<a href="#" ><img src="/image/01.jpg"/></a>
</div>
<div class="pic">
<a href="#" ><img src="/image/02.jpg"/></a>
</div>
<div class="pic">
<a href="#" ><img src="/image/03.jpg"/></a>
</div>
<div class="pic">
<a href="#" ><img src="/image/0-.jpg"/></a>
</div>
像这样，每个图片外面一个div框架，.pic宽度固定高度固定，
照片实际宽高各不相同，有大于框架尺寸的有小于框架尺寸的，怎么让图片填充到框架。
就像电脑桌面，选择填充之后，即使竖版的照片一样可以铺满屏幕。
就像朋友圈发的九宫格，九张图片完全不一样大小，但是发出来之后就变成九个一样的框架只显示出图片的部分。
怎么css才能有这种效果呢？这是做一个图片页面，里面会有很多各种各样的图片，都统一显示。
求大神教。。。最好能写个实例哈。小白一个都是一遍修改实例代码一边学的。、