如何仅用HTML缩短竖线上下两端?(不可修改CSS)
问题:仅支持HTML的平台实现短竖线效果
我在feversocial平台做简易网页设计,平台允许直接修改代码,但只能用HTML,不能用CSS。我想做一段中间的短竖线来分隔内容,试了<hr>标签和带内联样式的<div>,但竖线总是上下撑满,没法让两端留出空白,达不到想要的效果。
我试过的代码:
<hr style="filter:alpha(opacity=30,finishopacity=30,style=5);height:150px;width:2px;" color="orange"> <div style="width:1px;border:1px solid gray;float:left;height:600px;"> </div>
需求说明:
- 当前效果:竖线上下完全贴合,无留白
- 目标效果:竖线仅显示中间一段,上下有空白(类似后期PS修改后的效果)
内容的提问来源于stack exchange,提问作者Wenmj
相关产品推荐
相关产品推荐

