可编辑的Div边框样式

Question

我有可编辑的区域来编辑我的内容。 div的边框应该如下图所示。请回复我是否可以使用Css或使用脚本或任何其他方法实现。由于我有权提升图像。我尝试将其表示如下。 用圆圈替换标签，用线

替换圆点

＃..............................＃............... ...............＃  。 。  。 。  。 。  ##  。 。  。 。  。 。  ＃..............................＃.................. ............＃

Answer 1

如果我理解正确，你的意思是：

o ________________ o_______________ o _ _ _ _ oo _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

或圆圈是否应该在线的中间？

对于上面的解决方案，我建议添加css：

.box-with-border {
    border: 1px solid #000000;
}

.box-with-border { border: 1px solid #000000; }

并通过javascript添加一些div：

CSS：

$('.box-with-border').after('<div class="circle"></div>');

$('.box-with-border').after('<div class="circle"></div>');

Answer 2

也许 Border Image 就是你要找的东西。

border-style: solid;
border-width: 0px 0px 25px;
border-image: url(http://www.w3.org/TR/css3-background/border.png) 0 0 25 repeat;

顾名思义，与较长的现有css边界相比，您可以使用图像。 有关编码信息，请参阅css tricks: understanding border image。 还有一个border image generator，在链接中指向您可能希望获得的设置。

Answer 3

不幸的是，默认边框属性无法实现。这是一些创意代码的可能性。您需要将内容放在div中，然后使用div作为顶部，底部和侧边框。然后使用样式和代码，您可以根据需要动态更改边框的样式和样式。