相关疑难解决方法(0)

我个人喜欢这个<fieldset>标签,因为它如何绘制一个盒子并将<legend>它放在边框上方.像这样.

但是,该fieldset元素用于组织表单,并且将其用于一般设计并不比使用表格进行一般设计更好.所以,我的问题是...... 如何使用另一个标签获得相同的结果？边框必须在<legend>(或任何其他标签将被使用)下删除,并且因为可能存在"复杂的"身体背景图像,所以我不能仅设置background-color图例以匹配元素之一下.

我希望它能在没有JavaScript的情况下工作,但CSS3和基于XML的格式(如SVG或XHTML)都可以.

我对DTD一无所知.

http://www.bls.gov/oco/ocos292.htm

了解如何在此页面外的表单外使用fieldset,这很酷!我喜欢这种风格!

在此示例中,div的边框顶部有一个数字.为了说清楚,我希望用数字覆盖哪个边界部分,我也给了这个数字的边界.当然,我们可以给出数字的背景颜色,但是身体的背景图像被隐藏了.我们怎样才能隐藏数字透明度的边界？

HTML:

<div class="reg-step first-step">
   <span class="step-number">1</span>
   <img src="" alt="Register">
   <h1>Register</h1>
   <div class="steps-separator"></div>
   <p>Lorem ipsum dolor sit amer, consetetur sed iam nonumy eirmod tempor invidunt ut labore et dolore magna aliquayam erat, sed diam vo</p>
</div>

CSS:

body{ 
  background: blue;
  padding-top: 30px;
  background-image: url('https://pbs.twimg.com/profile_images/993504415/css_400x400.png')
}
.reg-step {
    width: 240px;
    height: 325px;
    border: 3px solid white;
    color: white;
    position: relative;
    text-align: center;
    padding: 0px 7px;
}
.reg-step h1 {
    font-size: 14px;
    text-transform: uppercase;
}
.reg-step p {
    font-size: 11px;
} …

我知道这是一个老问题，但我想知道将文本放入 div 标签边框的最佳方法是什么。这就是我所拥有的

.componentWrapper {
  border: solid cadetblue;
  border-radius: 40px;
  padding: 10px;
  width: 95%;
}

<div class='componentWrapper'>Text inside div </div>

我想在 div 标签的边框中添加一个标题。我知道一种选择是使用字段集，但我不喜欢采用这种方法。另一种方法是放置一个框并将其向上移动并设置背景颜色，但我认为当您在页面上设置不同的背景颜色时，这会失败。

对此最好的解决方案是什么？