css樣式中有文字描邊嗎
本教程操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
css樣式中有文字描邊嗎
css樣式中有文字描邊。
在css中,可以利用text-stroke屬性來給文字設置描邊樣式,該屬性是一個復合屬性。設置或檢索對象中的文字的描邊。
立即學習“前端免費學習筆記(深入)”;
也可以分開來寫,text-stroke-width:設置或檢索對象中的文字的描邊厚度,text-stroke-color :設置或檢索對象中的文字的描邊顏色。
寫法:
示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> p{ font-size:50px; -webkit-text-stroke:1px red; } </style> </head> <body> <p>css樣式中有文字描邊</p> </body> </html>
輸出結果:
大家感興趣的話,可以繼續訪問:css視頻教程。
以上就是css樣式中有文字描邊嗎的詳細內容,更多請關注有啊網站百科其它相關文章!
相關閱讀:
- 喜歡(11)
- 不喜歡(1)