css - 如何设置 repeat-x 和滚动背景图像的长度和位置？

Question

我要设置背景图片。它是输入值下方的红线。

background-attachment:scroll;
background-color:#FFFFFF;
background-image:url("../images/errorLine.gif");
background-position:left bottom;
background-repeat:repeat-x;

输入值类似于“123；456；789；”。红线覆盖所有字符串，其长度与输入宽度相同。

有没有什么办法可以只在“456;”下画红线？

有没有办法通过 CSS 来实现？

非常感谢。

最好的问候，

瑞尼万卡

Answer 1

我不完全确定这是你需要的，但为什么不使用 border-bottom？

123 <span style="border-bottom: 1px red solid">456</span> 789

对于 display: inline 元素，边框将始终位于文本下方，并跨行换行。