css設置文字描邊效果的方法

這篇文章給大家分享的是有關css設置文字描邊效果的方法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創新互聯公司專注于獻縣企業網站建設,響應式網站設計,商城系統網站開發。獻縣網站建設公司,為獻縣等地區提供建站服務。全流程按需求定制網站，專業設計，全程項目跟蹤，創新互聯公司專業和態度為您提供的服務

css設置文字描邊效果的方法：可以利用text-stroke-color屬性來進行設置，如【-webkit-text-stroke-color:#ff0;】。屬性text-stroke-color用來設置或檢索對象中的文字的描邊顏色。

相關屬性：

text-stroke-color：<color> 屬性設置或檢索對象中的文字的描邊顏色

屬性值：

<color>：指定文字的描邊顏色。

兼容性：

css設置文字描邊效果的方法

舉例：

<!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 h2{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>
<h2>描邊的文字：</h2>
<p>我是被描了2像素黃邊的文字</p>
</div>
</body>
</html>

感謝各位的閱讀！關于css設置文字描邊效果的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章名稱：css設置文字描邊效果的方法
當前URL：http://m.kartarina.com/article38/pihisp.html

成都網站建設公司_創新互聯，為您提供網站營銷、自適應網站、品牌網站設計、標簽優化、動態網站、品牌網站制作

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容