如何在Blogger中添加边框小部件

时间:2015-10-16 07:14:57

标签: css widget border title blogger

我正在寻找围绕小部件创建边框的技巧,如图所示:

Mockup

标题应该坚持到顶部。

知道怎么做那种伎俩吗?

提前致谢:)

1 个答案:

答案 0 :(得分:1)

你可以这样使用 -



body{
  background: #ccc;
}
.border-col{
  min-height: 300px;width: 220px;
  background: #ccc;border:2px solid #fff;
  margin: 10px auto 0;
  position: relative;
}
.border-col h2{
  background: #ccc;
  font-size: 15px;
  left: 0;
  margin: auto;
  padding: 3px;
  position: absolute;
  right: 0;
  top: -13px;
  width: 60px;
}

  <div class="border-col">
    <h2>Heading</h2>
  </div>
&#13;
&#13;
&#13;