Bolehkah CSS Menambah Sempadan pada Teks Seperti Logo Twitter?

Sempadan Font CSS: Kini Menjadi Realiti?

Dalam bidang CSS3, sempadan telah mengambil dimensi baharu. Dengan kemunculan awalan -webkit, persoalan timbul: bolehkah kita sekarang menambah sempadan pada fon?

Persoalannya:

Bolehkah CSS/XHTML digunakan untuk menambah sempadan di sekeliling teks, sama dengan sempadan putih pada logo Twitter? Jika tidak, adakah terdapat sebarang penggodaman yang berdaya maju untuk mencapai kesan ini tanpa menggunakan Photoshop?

Jawapannya:

Sememangnya, CSS menawarkan sifat eksperimen yang dipanggil text-stroke, diperkasakan oleh awalan -webkit dalam penyemak imbas tertentu.

Kod Contoh:

Coretan kod berikut menunjukkan penggunaan lejang teks:

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

    font-family: sans; color: yellow;
}

<h1 id="Hello-World">Hello World</h1>

Atas ialah kandungan terperinci Bolehkah CSS Menambah Sempadan pada Teks Seperti Logo Twitter?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!