|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家介紹,css好看的字體樣式的效果展示。希望對有需要的朋友有所幫助。css字體陰影效果一具體代碼示例如下: <!DOCTYPE HTML>
<html lang="en">
<head>
<title>css字體陰影測試一</title>
<meta charset="UTF-8">
<style type="text/css">
h3.a {text-shadow: 0.1em 0.1em 0.05em #333
}
h3.b {text-shadow: 0.1em 0.1em 0.2em black}
</style>
</head>
<body>
<h3 class="a">css好看的字體樣式之陰影效果</h3>
<h3 class="b">css好看的字體樣式之陰影效果</h3>
</body>
</html>以上代碼效果如下如:
css字體陰影效果二具體代碼示例如下: <!DOCTYPE HTML>
<html lang="en">
<head>
<title>css字體陰影測試一</title>
<meta charset="UTF-8">
<style type="text/css">
h3{color: #1b5c16;}
h3.a {text-shadow: -1px -1px white, 1px 1px #333}
h3.b {text-shadow: 1px 1px white, -1px -1px #444}
</style>
</head>
<body>
<h3 class="a">css好看的字體樣式之陰影效果</h3>
<h3 class="b">css好看的字體樣式之陰影效果</h3>
</body>
</html>以上代碼效果如下圖:
注:所有主流瀏覽器都支持 text-shadow 屬性。Internet Explorer 9 以及更早版本的瀏覽器不支持 text-shadow 屬性。 text-shadow 屬性向文本添加一個或多個陰影。該屬性是逗號分隔的陰影列表,每個陰影有兩個或三個長度值和一個可選的顏色值進行規定。省略的長度是 0。 其屬性可能值: v-shadow 必需。垂直陰影的位置。允許負值。 blur 可選。模糊的距離。 color 可選。陰影的顏色。 以上就是字體加陰影效果怎么用css屬性實現?(代碼演示)的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!