0

現在、CSS の border-image を使用してカスタム ボーダーを div に適用しようとしています。適切なコードがすべて揃っているように感じますが、画像が境界線として表示されません。誰かがこのhtml/cssコードを見て、私が間違っていることを教えてもらえますか?

HTML:

<div id="box">
&nbsp;
</div>

CSS:

   body { text-Align: center; } /* CENTER ALIGN FOR IE */

#PC_Attack_Lightbox {

  /*** CENTER ALIGN BOX ***/
  text-Align: left;
  margin: 0 auto;

  /*** SET WIDTH & HEIGHT ***/
  width: 500px;
  height: 500px;

  background: #EBF5FF; /* SET BG */

  /*** APPLY BORDER-IMAGE ***/
    border:35px outset brown;
    -moz-border-image:url(img/wood2.jpg) 25 30 10 20 repeat;
    -webkit-border-image:url(img/wood2.jpg) 25 30 10 20 repeat;
    border-image:url(img/wood2.jpg) 25 30 10 20 repeat;
}
4

2 に答える 2

0

#PC_Attack_Lightbox で box div と write css を使用するため、PC_Attack_Lightbox を使用します。

<div id="PC_Attack_Lightbox">
&nbsp;
</div>​
于 2012-12-09T06:13:28.787 に答える
0 
<div id="PC_Attack_Lightbox">

// your code here

</div>

body { text-Align: center; } /* CENTER ALIGN FOR IE */

#PC_Attack_Lightbox {

  /*** CENTER ALIGN BOX ***/
  text-Align: left;
  margin: 0 auto;

  /*** SET WIDTH & HEIGHT ***/
  width: 500px;
  height: 500px;

  background: #EBF5FF; /* SET BG */

  /*** APPLY BORDER-IMAGE ***/
    border:35px outset brown;
    -moz-border-image:url(img/wood2.jpg) 25 30 10 20 repeat;
    -webkit-border-image:url(img/wood2.jpg) 25 30 10 20 repeat;
    border-image:url(img/wood2.jpg) 25 30 10 20 repeat;
}
于 2012-12-09T06:13:34.497 に答える