是不是覺得自己部落格的評論框太單調？

會不會很多人來了卻很少人留下腳印？

那麼…為自己的評論框加一張背景圖片吧…

方法很簡單，步驟如下：

一、找到定義評論框 css 程式碼，這裡薇曉朵推薦用 Chrome 瀏覽器的 「審查元素」 功能，如下圖 （點選圖片放大）：

二、在下面程式碼處找到定義評論框的 id，WP 巴士的是 「.textarea-input」，如下圖：

 

三、進入後臺 – 主題 – 編輯 style.css 檔案，搜尋你的評論框 ID，如：」.textarea-input「，在裡面加入如下程式碼：

background-image:url(images/comment-bg.png);
background-repeat:no-repeat;
background-position:center center;

background-image，表示背景圖片的地址，可以是絕對地址，也可以是相對地址 （相對於 style.css 檔案來說的）
background-repeat，該屬性表示是否重複，no-repeat 為不重複，預設重複。
background-position，該屬性用來控制圖片在評論框中的位置，前一個引數列示左右位，後一個引數列示上下位。

修改後儲存，大功告成！

最後記得把你的背景圖片上傳到主題目錄下的 images 資料夾裡，這裡 WP 巴士給大家分享幾張透明 png 背景圖片，喜歡的朋友可以拿去用 （右鍵直接儲存即可） 。