|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 很多學生在學習css的之后,都想要實現某一行字的陰影效果,對于美工會使用ps,在css樣式中,使用css中一個text-shadow標簽就可以實現陰影效果,那么文字陰影text-shadow屬性是什么?下面我們來總結一下text-shadow屬性。text-shadow屬性語法 text-shadow:x-offset y-offset blur color; 以上一串代碼詳解: x-offset是表示水平陰影,表示水平的偏移位置,x-offset的單位是px,也可以用百分比去表示,當x-offset的值出現正的時候,就說明出現的陰影向右移動,如果x-offset的值出現負的時候,就說明向左移動。 y-offset是表示垂直陰影,y-offset的單位也是和x-offset一樣的,y-offset如果出現負值,就表示向上偏移,如果為正值,就表示向上偏移。 blur就表示陰影的模糊程度,但是最重要的一點就是不能出現負值,只能是正值,blur的值越大就說明越模糊,越小的話就越清晰。如果我們不想設置模糊,我們就把blur設為0, color表示出現陰影的顏色。 具體實例: <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 text-shadow屬性</title>
<style type="text/css">
#lvye
{
font-size:40px;
text-shadow:4px 4px 2px gray;
-webkit-text-shadow: 4px 4px 2px gray;
-moz-text-shadow: 4px 4px 2px gray;
}
</style>
</head>
<body>
<div id="lvye">php中文網</div>
</body>
</html>以上代碼在瀏覽器中顯示的效果如下:
以上就是對文字陰影text-shadow屬性是什么?text-shadow屬性詳解的全部介紹,如果你想了解更多有關CSS視頻教程,請關注php中文網。 以上就是文字陰影text-shadow屬性是什么?text-shadow屬性詳解的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!