首頁 > web前端 > css教學 > CSS 可以像 Twitter 的標誌一樣為文字添加邊框嗎?

CSS 可以像 Twitter 的標誌一樣為文字添加邊框嗎?

Susan Sarandon
發布: 2024-12-18 16:14:10
原創
335 人瀏覽過

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

CSS 字型邊框:現已成為現實?

在 CSS3 領域,邊框呈現出全新的維度。隨著 -webkit 前綴的出現,問題出現了:我們現在可以為字體添加邊框嗎?

問題:

可以利用 CSS/XHTML 增加邊框嗎?文字周圍的邊框,類似於 Twitter 標誌上的白色邊框?如果沒有,是否有任何可行的技巧可以在不訴諸 Photoshop 的情況下實現這種效果?

答案:

事實上,CSS 提供了一個稱為文字描邊的實驗性屬性,在某些瀏覽器中由 -webkit 前綴授權。

程式碼範例:

以下程式碼片段示範了文字筆畫的使用:

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

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>
登入後複製

以上是CSS 可以像 Twitter 的標誌一樣為文字添加邊框嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板