css設定文字描邊效果的方法:可以利用text-stroke-color屬性來進行設定,如【-webkit-text-stroke-color:#ff0;】。屬性text-stroke-color用來設定或檢索物件中的文字的描邊顏色。
相關屬性:
text-stroke-color:<color> 屬性設定或檢索物件中的文字的描邊顏色
(學習視訊分享:)
屬性值:
<color>:指定文字的描邊顏色。
相容性:
舉例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>text-stroke-color</title> <style> html,body{font:bold 14px/1.5 georgia,simsun,sans-serif;text-align:center;} .stroke h1{margin:0;padding:10px 0 0;} .stroke p{ margin:50px auto 100px;font-size:100px; -webkit-text-stroke-width:2px; -webkit-text-stroke-color:#ff0; } .copyright,.info{font-style:italic;} </style> </head> <body> <body> <div> <h1>描邊的文字:</h1> <p>我是被描了2畫素黃邊的文字</p> </div> </body> </html>
相關推薦:
以上就是css怎麼設定文字描邊效果的詳細內容,更多請關注TW511.COM其它相關文章!