如果背景图片在CSS中不从顶部显示,可以使用background-position
属性来控制背景图片的位置。下面是一个示例代码:
HTML代码:
CSS代码:
.container {
background-image: url("背景图片的URL");
background-position: top center; /* 将背景图片位置设置为顶部中间 */
background-repeat: no-repeat; /* 禁止背景图片的重复显示 */
}
在上述代码中,我们使用了background-position
属性将背景图片的位置设置为顶部中间,这样背景图片就会从顶部开始显示。同时,我们使用background-repeat
属性禁止了背景图片的重复显示。
你可以将背景图片的URL
替换为你自己的背景图片的URL。你还可以根据需要调整background-position
属性的值来改变背景图片的位置。
下一篇:背景图片在div元素内未显示