css中的定位position

在块状元素中<div class="bro"><div>,我们给标签添加修饰

.bro{

     width:360px;

     height:360px;

     /*利用一张图片解释*/

    background:url(".../img/mooc3.png") top no-repeat;

    position:absolute;

    top:50%;

   left:50%;

}

使得左上角居中如图

再添加代码  margin-top:-180px; margin-left:-180px;//图片在往左，上移动图片的一半距离，使得图片中心居中。