這篇文章主要介紹了如何使用css3實現字體凹陷凸出效果,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創新互聯公司長期為成百上千客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為碌曲企業提供專業的成都網站設計、成都網站制作,碌曲網站改版等技術服務。擁有十年豐富建站經驗和眾多成功案例,為您定制開發。
示例如下:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>css3字體實現立體感</title>
<style>
body{
background:gray;
}
h2{
font-size:200px;
color:gray;
text-shadow:3px3px2pxblack,
-3px-3px2pxwhite;}
h2:hover{
text-shadow:3px3px2pxwhite,
-3px-3px2pxblack;
}
</style>
</head>
<body>
<divclass="demo">
</div>
<h2>
創新互聯
</h2>
</body>
</html>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“如何使用css3實現字體凹陷凸出效果”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!
網頁題目:如何使用css3實現字體凹陷凸出效果
鏈接分享:http://m.newbst.com/article24/isghje.html
成都網站建設公司_創新互聯,為您提供面包屑導航、App開發、響應式網站、網站改版、Google、外貿建站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯