0

私はワードプレスのサイトを持っています。デフォルトでcustom.cssをサポートしていないテーマを購入しました。私は技術者ではないので、デフォルトのファイルをいじりたくありません。私は以前、カスタム引用符を作成するだけでこれを行っていました。

だから私がしたいのは、私のページのテキストに、枠線付きのカスタム背景を追加することです:

  • 背景を透明度60％の無地の黒にしたい
  • 繰り返される左側のみの境界線として画像が必要です。
  • テキストが隅に届かないように、すべての側面に少しパディングを入れます。
  • テキストは、任意のフォントとサイズで色が白でなければなりません。

私はネット全体を見てきましたが、これをかなり長い間試していましたが、結果はありませんでした。このカスタムの境界線/背景を作成するにはどうすればよいですか?

4

2 に答える 2

0

カスタム css ファイルを作成して、それをデフォルト ファイルにインポートしてみませんか?

@import url(カスタム CSS の URL)

Erics Post から編集:

.example {
  /* Set Background Black 60% opacity */
  background-color:rgba(0,0,0,0.6);
  /*Text Color */
  color: "#FFF";
  /* Text-padding */
  padding: 5px;
  /*Border creation */
  border-left: 12px solid transparent;
  -moz-border-image:url("border-image") 12 repeat;
  -webkit-border-image:url("border-image") 12 repeat ;
  border-image:url("border-image") 12 repeat ;

}

他の要素を含むページの横にボーダーを配置しようとしているだけの場合は、位置を確認するか、div をフローティングする必要があります。また、IE が重要なブラウザである場合、これらの設定は機能しないことに注意してください。

于 2013-02-01T21:38:38.153 に答える
0

カスタムの境界線と背景のスタイルを設定する方法は次のとおりです。

#example {
    border-width: 12px;
    -moz-border-image:url("border-image") 12 repeat;
    -webkit-border-image:url("border-image") 12 repeat ;
    border-image:url("border-image") 12 repeat ;
}

例: http://jsfiddle.net/HBzQm/

于 2013-02-01T21:47:48.520 に答える