元素是網頁中的常用元素，而如何設置這個
元素居中呢？這正是CSS所擅長的！ 下面來講一講如何用CSS將
元素居中。
首先在CSS文件中設置
首先在CSS文件中設置
元素的樣式，并設置其居中。下面是一段CSS代碼：
可以看到，
div{
width: 300px;
height: 200px;
background-color: red;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -150px;
}可以看到，
元素的樣式設置了它的寬、高、背景顏色等屬性，而它的位置設置采用的是absolute定位，并將top、left屬性都設置為50%。這時它就處于頁面的正中央了嗎？并不是！
因為這個元素的位置是以它的左上角為基準的，而不是它的中心。要讓這個元素的中心居中，需要在left和top的值上再做些微調。根據這個
因為這個元素的位置是以它的左上角為基準的，而不是它的中心。要讓這個元素的中心居中，需要在left和top的值上再做些微調。根據這個
元素的尺寸大小，可以將偏移值分別設置為寬度和高度的一半，即：
這樣設置后，
margin-top: -100px; margin-left: -150px;
這樣設置后，