javascript - 可编辑的 Div 边框样式

Question

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

#......................#...... ...............# . . . . . . ## . . . . . . #................................#................................ .....................#

Answer 1

如果我没有理解错的话，你的意思是:

o____________o_____________o _ _ _ _ oo _ _ _ _o______________________________o

还是圆应该在线的中间？

对于上述解决方案，我建议在 css 中添加:



<pre><code>.box-with-border {
border: 1px solid #000000;
}
</code></pre>



并通过 javascript 添加一些 div:


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


CSS:



<pre><code>.circle {
width: 10px;
height: 10px;
border: 1px solid #000000;
border-radius: 5px;
}
</code></pre>