在带有文本的元素周围添加边框

垫11

我试图将来源减少到更易于管理(希望如此)到这里..

https://jsfiddle.net/pa9uLej4/1/

它目前看起来很简单,但实际上是一个矩形。我想要做的是添加一个彩色边框,它环绕着文本“页脚”在该彩色区域内的矩形。页脚上方的三个字位于矩形内,但该区域未着色。

我尝试用 div 和 class 包装所有内容email-wrapper并添加,background-color: #aaaaaa但它什么也没做。

希望这很清楚。任何人都可以提供帮助?

天真无邪

请试试这个,让我知道。代码笔

#content {
  border: 2px solid #999;
  border-top: 20px solid #999;
  padding: 10px;
}

.titlebox {
  float: left;
  padding: 0 0px;
  margin: -28px 0 0 30px;
  background: #999;
  color: white;
}
<html>

<body>
  <div id="content">
    <div class="titlebox">Vocabularies</div>
    <p>This is a div</p>
  </div>
</body>

</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在 JPanel 中的每个元素周围添加边框

将带有背景图像的文本元素添加到div中会导致图像周围出现空白

tr元素周围的边框没有显示?

在圆/圆盘周围放置边框,该圆盘/圆盘保存带有css的文本

Android LinearLayout:在LinearLayout周围添加带有阴影的边框

图像周围带有边框的多个边框

如何在网页正文中的所有元素周围添加边框?

如何将带有警报消息的验证更改为在文本框周围带有红色边框的验证?

在悬停上添加边框会移动周围的元素

带有不同颜色扇区的div /图像周围的圆形边框

单击时,“反应”按钮周围带有蓝色边框

如何删除带有角半径的CALayer周围的丑陋边框?

NSImageView上的NSCollectionViewItem选择,带有CALayer的图像周围的边框

提交按钮周围带有渐变的奇怪边框。如何移除?

向带有ID的元素添加文本的最佳方法?

添加带有边框和集中文本的Bootstrap面板

元素周围的局部圆形边框

元素周围的html动态边框

在焦点元素周围放置边框

Android:在textview周围添加边框

如何添加 li 元素,然后添加带有文本的子 div 元素?

在实现中添加带有边框标题的边框

在元素中的选定文本周围添加标签

影片周围有白色边框

zsh:如果定义了带有周围文本的打印变量?

将数据导出到带有周围标签的文本

SimpleXML框架:带有元素或文本的元素

Android:在带有图像、下方文本和自定义边框的按钮上添加按下效果

如何在带有边框半径的形状周围包裹文字?