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>

フォトショップで作成してスライスしたグラフィックをすでに持っています

ここの回答から取られた例ですが、たとえばdivを左に固定し、マージンを付けて下まで自動拡張するにはどうすればよいですか? またはそれはより簡単な方法ですか？テーブルや最悪のJSを使いたくないだけです（この言語の使い方はまだわかりません）...

どんな答えでも大歓迎です！

4

1 に答える 1

0

背景画像を含む 3 つの div。画像を 3 つの部分にカットします。上中下。上のものにはトップガラスがあります。底には底ガラスがあります。そして、真ん中のものを繰り返します。真ん中のdivにコンテンツを入れます。

于 2009-12-04T03:52:15.770 に答える