用CSS讓網頁背景圖片居中的方法

網頁背景居中的方法有很多種的。這里介紹一些用CSS讓背景圖片居中的方法。

讓背景圖片居中的第一個方法是用像素設定，很多都用這種，但是也是最麻煩的：
<div style="width:800px;height:600px;background:url(../images/logo.jpg) no-repeat 250px 270px;border:1px solid #cccccc;"></div>

第二種居中方法：用50%設定，很方便：
<div style="width:800px;height:600px;background:url(../images/logo.jpg) no-repeat 50% 50%;border:1px solid #cccccc;"></div>

第三種：用center設定（第2個center可以省略）
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(../images/logo.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>