Bolehkah CSS Menambah Sempadan pada Teks Seperti Logo Twitter?

Membuat Sempadan Font dalam CSS

Soalan:

Adakah mungkin untuk menambah sempadan ke fon menggunakan CSS3, serupa dengan sempadan putih di sekeliling Twitter biru logo?

Jawapan:

Ya, terdapat sifat CSS percubaan yang dipanggil text-stroke, yang disokong oleh sesetengah penyemak imbas dengan awalan -webkit.

Kod CSS:

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

    font-family: sans; color: yellow;
}

HTML Kod:

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

Kod ini akan menghasilkan tajuk dengan sempadan hitam 2 piksel di sekeliling teks kuning, mewujudkan kesan yang serupa dengan logo Twitter. Walau bagaimanapun, ambil perhatian bahawa strok teks belum lagi merupakan sifat yang disokong sepenuhnya dan mungkin tidak berkelakuan secara konsisten merentas semua penyemak imbas.

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!