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中文網其他相關文章!