編輯“WordPress:Using Images”（章節(jié)）

====設(shè)計一些圖像====

你可以將一個特別的圖像的具體的樣式添加到你的樣式表上。如果你已經(jīng)設(shè)計好了你的所有的圖像，你必須確定你規(guī)定了每個設(shè)計的說明或者規(guī)定了<code>image</code>標(biāo)簽形式的屬性，來制服那個屬性。如果你不改變頁邊的空白，那么它在新的樣式中仍然會保持原樣。這個叫做[[Wordpress:CSS_Troubleshooting#The_CSS_Parent_and_Child_Relationship|CSS母/子關(guān)系]].

<div style="border:solid #003300 4px; margin:20px; padding:20px; background: #006600; float:right">[[Wordpress:Image:leaf.gif]]</div>

假如你想讓歸檔在自然類別（有一個美麗的綠色背景）中的文章上有一些兒圖像。其它的圖像看起來應(yīng)該是一樣的，就是你添加到你的自然分類中的圖像。你只要將一個<code>class</code>添加到你的樣式表和分類中的每個圖像。

方便記憶，我們稱我們的<code>class</code> "自然"。我們想在圖像周圍有一個非常深綠的厚的邊沿和一個中等綠色的背景，來突出圖像。


<pre>img.nature {
     margin: 20px;
     padding: 20px;
     border:solid #003300 4px;
     background: #006600;
}</pre>

在分類中的每個圖像上，你只有為"自然"添加<code>class</code>：


<img src="leaf.gif" alt="Red leaf" class="nature" />

如果你需要為不同的圖像準(zhǔn)備更多的類型，你只要創(chuàng)建更多需要的類型就可以了。