You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何仅用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 00:14:51