Fatal编程技术网
  • javascript/
  • Javascript 如何在div中的指定高度上添加水平线？

Javascript 如何在div中的指定高度上添加水平线？

javascript css

Javascript 如何在div中的指定高度上添加水平线？,javascript,css,Javascript,Css,假设我有一个500宽700高的div。如何将水平线或图像作为特定高度的背景？ 我也把它贴在这里了 这些是一些文本和内容，但是水平线/图像不应该与文本一起添加，而是作为这些内容的背景。 #主要{ 背景：无重复滚动0 0 rgba（56,56,56,0.75）； 边界半径：0 3px 0 3px； 浮动：左； 字体大小：48px； 线高：44px； 填充：20px； }​ 也许背景位置CSS属性会起作用 示例如下： 您可以将background position属性更改为关键字（如left、ce

假设我有一个500宽700高的div。如何将水平线或图像作为特定高度的背景？ 我也把它贴在这里了


这些是一些文本和内容，但是水平线/图像不应该与文本一起添加，而是作为这些内容的背景。
#主要{
背景：无重复滚动0 0 rgba（56,56,56,0.75）；
边界半径：0 3px 0 3px；
浮动：左；
字体大小：48px；
线高：44px；
填充：20px；
}​

也许
背景位置
CSS属性会起作用

示例如下：




您可以将background position属性更改为关键字（如left、center等）或像素以进行精确定位。
您可以将线条设置为所需高度的一个像素宽的背景图像，然后在页面上重复。或者您可以将#main position:relative设置为子div{left:0；right:0；height:npx；border bottom:your specifications；}。但希望@joeschmidt45的建议能被采纳，你不需要做任何事情
 您可以这样做：




在同一属性中设置背景色和图像。
你能给我举个例子吗？谢谢你，但我必须保留
背景：无重复滚动0 0 rgba（56，56，56，0.75）

<div id="main">
these are some text and stuff, however the horizontal line/image should not be added with the text, but as a background of these.
</div>

#main {
    background: none repeat scroll 0 0 rgba(56, 56, 56, 0.75);
    border-radius: 0 3px 0 3px;
    float: left;
    font-size: 48px;
    line-height: 44px;
    padding: 20px;
}​