|
導(dǎo)讀網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過(guò)結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立... 網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過(guò)結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱(chēng)為超文本標(biāo)記語(yǔ)言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。 在網(wǎng)頁(yè)中有時(shí)會(huì)看到文字的輪廓都用邊描繪出來(lái),這其實(shí)就是字體的描邊,以前為文字描邊可能都會(huì)需要借助ps之類(lèi)的工具,但是自從css3出現(xiàn)以后,文字的描邊就不需要借助其他工具就可以直接實(shí)現(xiàn)了,所以,接下來(lái)這篇文章就來(lái)給大家分享關(guān)于css3實(shí)現(xiàn)字體描邊的方法。首先我們來(lái)看一看css3中文本描邊text-stroke屬性。 說(shuō)明:text-stroke屬性只有webkit內(nèi)核的Safari和Chrome支持。 語(yǔ)法:text-stroke:<' text-stroke-width '> || <' text-stroke-color '> 屬性值: <' text-stroke-width '>:設(shè)置或檢索對(duì)象中的文字的描邊厚度 <' text-stroke-color '>:設(shè)置或檢索對(duì)象中的文字的描邊顏色 來(lái)直接看一個(gè)例子: <h1>PHP中文網(wǎng)文字描邊</h1> h1{
-webkit-text-stroke: 1.0px #000000;
color:pink
}css3文字描邊效果如下:
需要注意的是: 文本描邊text-stroke屬性只有在字體很大的時(shí)候才能看到描邊效果,如果字體比較小,描邊顏色會(huì)遮住文字本身顏色,如圖:
除了上述使用text-stroke屬性來(lái)實(shí)現(xiàn)文字描邊之外,其實(shí)還可以利用文字陰影屬性text-shadow來(lái)進(jìn)行文字描邊,text-shadow屬性的具體內(nèi)容我們?cè)?a target="_self">css3如何設(shè)置文字陰影?css3用text-shadow設(shè)置文字陰影的方法已經(jīng)介紹過(guò)了,這里就不具體說(shuō)了,所以我們就來(lái)直接看text-shadow屬性實(shí)現(xiàn)字體描邊的實(shí)例: <h1>PHP中文網(wǎng)文字描邊</h1> h1{text-shadow:2px 2px 0px blue;
color:pink;
}css3文字描邊效果如下:
說(shuō)明:如果覺(jué)得文字描邊不夠粗,可以使用多重字體陰影,這樣就可以實(shí)現(xiàn)較粗的文字描邊。 css3較粗的文字描邊代碼如下: <h1>PHP中文網(wǎng)文字描邊</h1> h1{text-shadow:
1px 1px 0px blue,
-1px -1px 0px blue,
2px 2px 0px blue,
-2px -2px 0px blue,
3px 3px 0px blue,
-3px -3px 0px blue;
color:pink;
}css3文字描邊效果如下:
以上就是本篇文章的全部?jī)?nèi)容了,關(guān)于文章中所提到的關(guān)于css3中的屬性的具體內(nèi)容大家可以參考css3使用手冊(cè)來(lái)進(jìn)行學(xué)習(xí)。 以上就是css3文字怎么描邊?css3字體描邊的實(shí)現(xiàn)方法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!