HTML ページのテキストの周りに色を表示する必要がありました。border プロパティを試しましたが、テキストの周りに四角いボックスが表示されています。以下の要件を達成する方法
ありがとう。
質問する
1503 次
7 に答える
5
ここにコードを書きます...しかし、このリンクhttp://line25.com/articles/using-css-text-shadow-to-create-cool-text-effectsはそれをとてもよく説明しています。
デモ例: http://codepen.io/anon/pen/CDsFb
これは実際にははるかに優れています...
text-shadow: 3px 3px 0 #000,
/* Simulated effect for Firefox and Opera and nice enhancement for WebKit */
-3px -3px 0 #000,
3px -3px 0 #000,
-3px 3px 0 #000,
3px 3px 0 #000;
これにより、テキストの周りの単純なグローではなく、必要な適切な境界線のように見えます.
于 2013-01-18T14:57:31.757 に答える
4
text-shadowCSS プロパティを探しています
text-shadow: 0px 0px 3px orange;
于 2013-01-18T14:59:21.470 に答える
1
あなたは使用することができます
text-shadow: 0px 0px 4px #1d1dab;
filter: dropshadow(color=#1d1dab, offx=0, offy=0);
于 2013-01-18T14:58:20.007 に答える
0
あなたの提案に感謝します、私はここでこの要件を取得するための例を見つけました
http://gazpo.com/2011/02/text-shadow/7 .テキストの周囲の境界線
text-shadow: 0 -4px #00468C,4px 0 #00468C,0 4px #00468C,-4px 0 #00468C,4px -4px #00468C,-4px 4px #00468C,4px 4px #00468C,-4px -4px #00468C;
于 2013-01-18T15:06:00.453 に答える
0
CSS3 の text-shadow プロパティを使用できます。ブラウザーが webkit をサポートしている限り、これは表面化するはずです。
于 2013-01-18T14:58:48.260 に答える
0
ブラウザが CSS3 をサポートしていない場合:
フォント サイズが 17px と 18px の 2 つのテキスト ノードを使用し (たとえば)、CSS によって最初に 2 番目の下に配置し (position:absolute、z-index:100、left、top など)、異なる色を使用できます。
于 2013-01-18T14:59:23.980 に答える