CSS 实现大图片居中效果

现在的网站都很流行大屏的轮播图片和大屏背景图布局，那么怎么样实现的呢?

 

适用于轮播图布局思路：

CSS代码：

.photo{width:1920px;height:400px;position:absolute;margin-left:-960px;left:50%;}

HTML代码：

<img src="demo.jpg" alt="" class="photo">

 

适用于大背景图布局思路：

CSS代码：

body{background:url(images/bg.jpg) center center no-repeat fixed;}