bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

CSS3文字特效屬性text-shadow怎么用

小編給大家分享一下CSS3文字特效屬性text-shadow怎么用，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

專注于為中小企業提供成都網站建設、網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業文登免費做網站提供優質的服務。我們立足成都，凝聚了一批互聯網行業人才，有力地推動了成百上千家企業的穩健成長，幫助中小企業通過網站建設實現規模擴充和轉變。

一、text-shadow的寫法

text-shadow是CSS3樣式屬性，是設置文本的文字字體是否有陰影及模糊效果的CSS樣式。

語法：text-shadow:x-offsety-offsetblurcolor

text-shadow的參數如下：

x-offset:必需，水平方向陰影偏移量，可為負值

y-offset:必需，垂直方向上陰影偏移量，可為負值

blur:可選,陰影模糊半徑，不可為負值

color:可選，陰影顏色

二、text-shadow的簡單使用方法

舉例：設置類名為a1的div內文字陰影紅色，陰影分別距離左和上為3px和4px，陰影大小模糊范圍為5px，設置類名為a2的div內文字陰影黑色，陰影分別距離左和上為1px，陰影范圍大小2px.

html代碼：

<div>生活不止眼前的茍且</div>

<divclass="a1">生活不止眼前的茍且</div>

<divclass="a2">生活不止眼前的茍且</div>

CSS代碼：

.a1{text-shadow:3px4px5px#F00}

.a2{text-shadow:1px1px2px#000}

圖片展示：

text-shadow2.jpg

三、CSS3文字陰影實例

描述：用CSS3中的text-shadow給文字添加類似火焰的效果。

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title></title>

<styletype="text/css">

.a1{width:200px;height:200px;background:#000000;text-align:center;line-height:200px;font-size:40px;font-weight:bold;

text-shadow:004pxwhite,

0-5px4px#ff3,

3px-10px6px#fd3,

-3px-15px11px#C90,

3px-25px18px#f20;

}

</style>

</head>

<body>

<divclass="a1">延禧攻略</div>

</body>

</html>

CSS3文字特效屬性text-shadow怎么用CSS3文字特效屬性text-shadow怎么用

看完了這篇文章，相信你對“CSS3文字特效屬性text-shadow怎么用”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

本文名稱：CSS3文字特效屬性text-shadow怎么用
網站URL：http://vcdvsql.cn/article14/gjdhde.html

成都網站建設公司_創新互聯，為您提供企業網站制作、外貿網站建設、域名注冊、網站設計公司、移動網站建設、網站改版

廣告

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

h5響應式網站建設