html - 不确定如何制作具有可缩放背景的自定义 <div>

标签 html css

一直在尝试制作类似于下面链接图片的自定义侧边栏。但是,我不确定如何编写自定义 div(如果有必要)并合并可变边框。

我曾尝试管理多个 s 来实现倾斜的标题,但没有成功。 我考虑过仅使用模板作为背景图像的选项,但我不确定这是否是最佳方法,因为我理想情况下希望边栏由于下拉菜单而可缩放。

如果这不是大量信息,我深表歉意,但我对如何实现最终结果一无所知。任何建议将不胜感激。

http://oi47.tinypic.com/wjce1j.jpg

最佳答案

你可以这样做

1、为header做一个div

enter image description here

2、制作左右两边的div,高度100%,两边重复这张图片

enter image description here

好像是

enter image description here

关于html - 不确定如何制作具有可缩放背景的自定义 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13696992/

相关文章:

javascript - 如何在模型 View 转换后获取正在绘制的对象的二维尺寸以在 webgl 上进行 HitTest

html - Webkit 选取框仅在必要时滚动

ios - 音频在后台播放但没有声音 Cordova 3+ IOS

css - 如何选择*但排除<body>?或者将 <body> 设置为默认样式?

CSS:适合其 td 并保持在 td 内容之上的 div 覆盖

html - 如何解决我的 CSS 问题?

html - 如何将元素水平和垂直居中而不考虑其前后的其他元素?

javascript - 如何在响应模式下反转元素的顺序

php - 使用php从数据库访问数据并将数据输出到HTML

javascript - 随内容增加元素宽度,否则宽度相等 - CSS