CSS は Twitter ロゴのようにテキストに境界線を追加できますか?

CSS でのフォント枠の作成

質問:

を追加することは可能ですか? CSS3 を使用したフォントへの境界線。Twitter の青色の境界線に似ています。 logo?

答え:

はい、text-ストロークと呼ばれる実験的な CSS プロパティがあり、-webkit プレフィックスが付いた一部のブラウザでサポートされています。

CSSコード:

h1 {
    -webkit-text-stroke: 2px black; /* width and color */

    font-family: sans; color: yellow;
}

HTML コード:

<h1>Hello World</h1>

このコードは、黄色のテキストの周囲に 2 ピクセルの黒い境界線が付いた見出しを生成します。 Twitter ロゴと同様の効果を作成します。ただし、text-ストロークはまだ完全にはサポートされていないプロパティであり、すべてのブラウザで一貫して動作しない可能性があることに注意してください。

以上がCSS は Twitter ロゴのようにテキストに境界線を追加できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。