0

嗨，正如我在刚接触 CSS 编码之前所说的那样，我想知道是否可以仅使用 CSS 在模板周围创建一个玻璃板（vista/seven 类似但没有按钮），我知道如何制作圆角：

    <style type="text/css">
    #box {

      position: relative;
      width: 100px;
    }
      .corner {
        background: url('http://www.wreckedclothing.net/images/corners.gif') no-repeat 0 0; /* img from google */
        display: block;
        height: 10px;
        position: absolute;
        width: 10px;
      }
      .tl { top: 0; left: 0; background-position: 0 0; }
      .tr { top: 0; right: 0; background-position: -22px 0; }
      .bl { bottom: 0; left: 0; background-position: 0 -22px; }
      .br { bottom: 0; right: 0; background-position: -22px -22px; }

      .content {padding:10px;}

    </style>

    <div id="box">
      <div class="corner tl"><!-- --></div>
      <div class="corner tr"><!-- --></div>
      <div class="corner bl"><!-- --></div>
      <div class="corner br"><!-- --></div>
      <div class="content">the name of jeremiah is jorge gonzaga I have no Idea where this came from!</div>
    </div>

我已经在 Photoshop 上创建并切片了图形

ex 取自这里的答案，但是我如何使例如一个 div 粘在左边并自动展开到底部并留有一些边距？还是更简单的方法？我只是不想使用表格甚至最糟糕的 JS（还不知道如何使用这种语言）......

任何答案将不胜感激！

4

1 回答 1

0

3 个包含背景图像的 div。将图像切成 3 部分。顶部中间和底部。顶部有顶部玻璃。底部有底部玻璃。并重复-y 中间那个。并将内容放在中间的div中。

于 2009-12-04T03:52:15.770 回答