是不是覺得自己博客的評論框太單調？

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

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

方法很簡單，步驟如下：

一、找到定義評論框 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 背景圖片，喜歡的朋友可以拿去用 （右鍵直接保存即可） 。