1

我不是一个很好的设计师。至少不是 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 代码来对我当前使用的字段集/图例产生类似的效果。我需要一个带有标题的框,左侧的图像和图像右侧的 tekst。

4

1 回答 1

2

您可以尝试使用下面的 div 块。

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

作为样式,首先为您的字段集 div 设置边框。然后,您可以将 h2 标签相对于您的字段集 div 播放顶部和左侧值。并确保你的 body 背景、filedset div 的背景和 h2 标签的背景是相同的。最后将 div entry-content 和图像浮动到左侧。

稍作调整,您应该会获得类似的标签外观。

于 2010-07-07T06:40:40.690 回答