/* CSS 设置网页顶部图片 */ #header { background-image: url("top.jpg"); /* 设置图片 */ background-repeat: no-repeat; /* 去除图片重复 */ background-position: center; /* 设置图片位置 */ height: 200px; /* 设置图片高度 */ }
上述 CSS 代码中,大家首先给网页中的顶部容器(header)添加了一个背景图片(background-image)。这里可以使用相对路径或绝对路径来指定图片的路径,例如 “top.jpg”。同时,为了去除图片的重复,大家需要使用 background-repeat 属性,并将其设置为 no-repeat。
接着,大家可以使用 background-position 属性来确定图片在容器中的位置。这里大家将其设置为 center,即居中显示。如果需要设定其他位置,还可以使用 left、right、top、bottom 等属性进行设置。
最后,大家还需要设定图片的高度,这里大家将其设置为 200px。这个数值可以根据实际情况进行设定,例如使用百分比单位或响应式布局等技术,以适应不同屏幕尺寸的设备。
总的来说,CSS 技术可以很好地帮助大家实现网页的顶部图片设置,通过合理的设计和调整,可以使得网页更加美观和易于浏览。