html - 非常简单的 CSS 站点

标签 html css web

我正在尝试自学网页设计,我觉得很有趣,我可以用 C 和 C++ 编写代码,但不能制作网站。我正在尝试做一些非常简单的事情。我将标题图片设为 234 像素高和 1 像素宽。我可以让它重复,但我如何让它在整个屏幕上重复,而不是超过那个点并有一个横向滚动条?我试过在 CSS 样式表中给它一个宽度,但这就是需要滚动的原因。我已经看到使用 Javascript 是可能的,但我现在正在努力避免这种情况。

谢谢

最佳答案

如果您从正文中删除边距/填充

body {
    padding: 0px;
    margin: 0px;
}

然后使用此 css 在 body 元素内添加标题 div

#header {
    height: 234px;
    background-image: url('images/header.png');
    background-repeat: repeat-x;
}

那么标题应该横跨整个网站,而不会在任何地方制作滚动条。默认情况下,div 的宽度为 width: 100%

关于html - 非常简单的 CSS 站点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9079597/

相关文章:

html - 如何去除径向渐变中的边框,使其能够很好地混合?

javascript - AngularJs 将列表保持原始状态

javascript - 谷歌地图 API v3 : How to remove all markers?

单击时滚动到 div ID 的 Javascript

javascript - Firefox 扩展 : Showing + Hidding AutoCompleteRichResult

javascript - map 不占用整个div

javascript - 将动态 HTML 页面转换为 React/JSX

javascript - jQuery append() 中的 HTML 表格行不起作用

javascript - 当下一个元素处于相对位置时, float 元素上的鼠标悬停不会触发

future 某个时间的Java运行事件