Rumah >hujung hadapan web >tutorial css >Bolehkah CSS Menambah Sempadan pada Teks Seperti Logo Twitter?

Bolehkah CSS Menambah Sempadan pada Teks Seperti Logo Twitter?

Susan Sarandon
Susan Sarandonasal
2024-12-18 16:14:10438semak imbas

Can CSS Add Borders to Text Like Twitter's Logo?

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>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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn