html - 如何更改 CSS 线性渐变背景高度(厚度)?

标签 html css background

background: linear-gradient(left,#000,#000 100%,rgba(0,0,0,0) 100%,rgba(0,0,0,0));

这是代码。我想要一条 8px 的线穿过我的文本。但是这段代码只为文本背景提供了 100% 的高度和宽度,完全覆盖了文本。

我希望最终的效果类似于text-decoration: line-through...

最佳答案

background-size: auto 8px;
background-repeat: repeat-x;
background-position: 0 50%;

Sample fiddle .

关于html - 如何更改 CSS 线性渐变背景高度(厚度)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25706210/

相关文章:

Javascript - 复选框的 Onchange 事件仅适用于 Firefox 和 Opera?

html - HTML 列表中的第一个列表项显得稍高

javascript - 如果单击按钮则前进或后退进度轮播否则定时前进

html - 如何从单个位置调用 DIV 内的 HTML?

jquery - 使用全尺寸图像背景...固定元素到调整大小的图像?

html - 如何在 tympanus.net 的 CSS Radio Checked Tab 方法中使子 div 可见

javascript - 如何根据当前域更改div的样式

javascript - 来自多个按钮的多个 Sidenav?

javascript - Leap Motion JS - 后台更新

css - 预加载 CSS 图像