步驟一：創(chuàng)建HTML文檔 首先，打開Dreamweaver軟件，創(chuàng)建一個新的HTML文檔。選擇HTML5文檔類型，并點擊創(chuàng)建。 步驟二：插入div標簽和引入CSS樣式 在body標簽中插入一個d

步驟一：創(chuàng)建HTML文檔

首先，打開Dreamweaver軟件，創(chuàng)建一個新的HTML文檔。選擇HTML5文檔類型，并點擊創(chuàng)建。

步驟二：插入div標簽和引入CSS樣式

在body標簽中插入一個div標簽，并在head標簽中引入CSS樣式。

具體代碼如下：

lt;divgt;lt;/divgt;

lt;style type"text/css"gt;lt;/stylegt;

步驟三：為div設置樣式

給div添加一個class屬性，并在CSS樣式中定義該class的寬度、高度和背景色。

具體代碼如下：

.a {
    width: 600px;
    height: 400px;
    background-color: #CB8B8C;
}

步驟四：讓div自動居中

默認情況下，div會在網(wǎng)頁的左上角對齊。為了使其居中，我們可以在樣式中添加以下代碼：

.a {
    width: 600px;
    height: 400px;
    background-color: #CB8B8C;
    margin: 0 auto;
}

步驟五：應用居中效果到按鈕

同樣的方法，我們可以將居中效果應用到其他元素，比如按鈕。

具體代碼如下：

.btn {
    width: 600px;
    height: 80px;
    color: #ffffff;
    background-color: #FF0000;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
}

lt;a href"#" target"_blank" class"btn"gt;這是個按鈕lt;/agt;

步驟六：設置a標簽為塊級元素

如果按鈕的大小沒有按預期顯示，可能是因為a標簽默認是行內(nèi)元素。為了解決這個問題，我們可以在btn樣式中添加以下代碼：

.btn {
    display: block;
    /* 其他樣式 */
}

以上就是實現(xiàn)div和按鈕自動水平居中的方法。希望對您有所幫助！