基本html css圖像和標題包裝盒的設計

我不是一個很好的設計師。至少不用html和css。我一直在使用一個非常簡單的代碼是這樣的：基本html css圖像和標題包裝盒的設計

<fieldset style=\"color: #000000; border: 1px solid #000000; width: 225px; text-align: left; padding: 5px;\"> 
<legend style=\"color: #999999; font-weight: bold;\">Headline.</legend> 
<p>text</p> 
</fieldset>

輸出信息在一個PHP網絡遊戲我的工作。我需要類似的東西，看起來更好一點。我可以得到一些幫助嗎？我的想法是這樣的：

<h2 class="entry-title">Example</h2> 
<img= examples.jpg" > 
<div class="entry-content"> 
</div>

但是我不知道是什麼的CSS代碼，我可以寫盡到，即時通訊目前使用的字段集/傳說中類似的效果。我需要一個帶有標題的框，左側的圖像和右側的圖像。

來源

2010-07-04 ganjan

你最好在http://doctype.com/ – 2010-07-04 19:16:50

問這個問題你可能是對的。我也會問，謝謝你的書籤。 – ganjan 2010-07-04 19:32:38

如果你想知道你想要什麼樣的結果，你可能會得到更好/索姆的答案。 – 2010-07-05 07:52:56

你可以嘗試使用下面的div塊。

<div class="fieldset"> 
<h2 class="entry-title">Example</h2> 
<img= examples.jpg" > 
<div class="entry-content"> 
</div> 
</div>

作爲樣式，首先給你的fieldset div邊框。然後，您可以將h2標籤相對於您的fieldset div放置在播放頂部和左側值的位置。並確保你的身體背景，場景div的背景和h2標籤的背景是相同的。最後將div入口內容和圖像浮動到左側。

稍微調整一下，你應該看到一個類似的標籤。

來源

2010-07-07 06:40:40

基本html css圖像和標題包裝盒的設計

回答

相關問題