html - 使 HTML div 更棒的方式

标签 html css background

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 4 年前

请问有什么方法可以把背景做成下图这样的吗?

enter image description here

我应该使用三个 div 类来创建这种背景吗?我不清楚。我试图从谷歌找到一种方法。但我做不到。请帮助我。

最佳答案

您可以使用单张图片作为背景,也可以使用两张图片作为背景 - 先上后下。第二种方式可能更适合响应式布局,但我不知道足够多的细节可以说出任何一种方式。

使用两个背景图像看起来像这样:

.yourclass {
    background-image:url(yourimage.png), url(yourotherimage.png);
    background-position:top left, bottom right;
}

关于html - 使 HTML div 更棒的方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52164832/

上一篇:css - 添加垫图标按钮

下一篇:php - 在 Wordpress 主题中禁用页脚会停止粘性导航

相关文章:

javascript - Youtube 的 “scroll for details” 功能如何工作?

javascript - 禁用文本框时如何在 jquery 中禁用此上下文菜单

html - "ellipsisable"导航栏居中标题

html - css 转换在 IE11 中 100% 的时间都不起作用

android - 阻止应用程序在后台运行

javascript - 如何在 jquery 中添加选项以选择 optgroup?

html - CSS 效果添加为主动效果

jquery - Bootstrap 4 灵活响应式导航栏菜单

html - css负边框形状

multithreading - 在后台和主线程 ios 中执行