html - 我正在编写一个不会粘的便签

Question

我想为我的网站做一个便签，根据它有多少文本来改变它的长度，这些是图形

http://www.smackjeeves.com/images/uploaded/comics/a/9/a9bb813fajYqH.png

http://img2.smackjeeves.com/images/uploaded/comics/e/a/eafa194f44yHh.png

http://www.smackjeeves.com/images/uploaded/comics/4/f/4fcc68191cLbT.png

我看了一些例子，这是我的 div 的 CSS 代码

 #sticky-note 
 {
  background-image:url('http://www.smackjeeves.com/images/uploaded/comics/a/9/a9bb813fajYqH.png'), 
                   url('http://img2.smackjeeves.com/images/uploaded/comics/e/a/eafa194f44yHh.png'),
                   url('http://www.smackjeeves.com/images/uploaded/comics/4/f/4fcc68191cLbT.png');
  background-position: top, center, bottom;
  background-repeat:no-reapeat, repeat-y, no-repeat;
  padding: 10px;
  max-width: 170px;
  text-align: center;
 }

但它不起作用，我希望中间图形垂直重复，顶部和底部的图形在顶部保持相同，帮助

Answer 1

使用三个单独的 div，一个包含顶部的页眉，一个包含底部的页脚，以及一个延伸中间的内容。