如何創建鑲嵌文本與對CSS3
許多令人興奮的新功能和特性被認為是為對 CSS3。 今天,我們要創建嵌入測試對 CSS3。 該屬性將支持Firefox,歌劇,鉻和Safari。 鑲嵌文本具有文字,被人推入後台,幾乎像一個反向浮雕效果。 我希望,你會發現一個很有益的啟示為您的下一個設計項目。 謝謝!

這個文本陰影屬性不支持IE瀏覽器。 查看演示
讓我們知道您的想法? 如果你發現任何其他教程,你想與我們分享,請隨時讓我們知道了在一個下降的評論。
例子

步驟#1的CSS結構
首先我們創建一個簡單的CSS代碼
*( ;填充:0;保證金:0; ) 身體( ; 背景 :#222; )#集裝箱 ( ;保證金:0 汽車 ; ; 背景 :#333333; )H2的( ; 顏色 :#000; #4A4947 ;文本陰影: - 1px 1px 1px#4A4947; Arial, Helvetica, sans-serif ;字體:36px 加粗宋體,黑體, 無襯線 ; ;保證金:0 0 0 0; 10px 0 ;填充:0 0 10px 0; )1px 1px #4A4947 ; font :bold 18px Arial, Helvetica, sans-serif ; color : # 000 ; padding : 0 0 10px 0 ; line-height : 162 . 5 %; } p(文字陰影: - 1px 1px 1px#4A4947;字體:大膽 18px宋體,黑體, 無襯線 ; 顏色 :#000;填充:0 0 10px 0;線高度:162。5%;)
步驟#2 HTML結構
現在我們創建一個簡單的Html代碼
> <h2> Heading </h2> <p> Et ut ac sociis natoque montes! <分區 編號 =“集裝箱”> <h2>標題</ H2的> <p>等UT斯達康交流sociis natoque特斯! 門lundium桑達,tempor交流門,產婦turpis。 交流,UT斯達康愛欲egestas,adipiscing penatibus坐16-19馬蒂斯產婦,placerat。</ p> <p>等UT斯達康交流sociis natoque特斯! 門lundium桑達,tempor交流門,產婦turpis。 交流,UT斯達康愛欲egestas,adipiscing penatibus坐16-19馬蒂斯產婦,placerat。</ p> </分區>
觀看演示
跟隨我們的Twitter的 ,或訂閱RSS源開發天堂+網絡開發的最佳教程在網絡上。
相關文章:
如果你喜歡閱讀這篇文章,請檢查其他有關條款如下:























































[用戶鏈接:如何創建鑲嵌文本與對CSS3] |設計師和開發人員的提示|絆雜誌 上說: 2010年3月4日在下午6時五十說:
[...]如果用戶新聞(typeof運算 Meebo的=='未定義')(Meebo的=函數()((Meebo._ = Meebo._ ||[]).推(參數));(函數(Q)的(風險值指定參數 =參數,如果(!document.body)(返回的setTimeout(函數()(args.callee.apply(這,參數)),100);)變種 Ð =文件,b = d.body,米= b的。使用insertBefore(d.createElement('科'),b.firstChild)中,S = d.createElement('腳本'); m.id ='meebo的'; m.style.display ='無'; m.innerHTML = “; s.src ='http'的+(q.https?的':")+'://'+( q.stage?'的階段,':")+' cim.meebo.com / CIM的/ cim.php?網絡 ='+ q.network; b.insertBefore(秒,b.firstChild);))((網絡:'tripwiremagazine_fu72bi'));)如何創建鑲嵌文本與對 CSS3 [...]
如何創建鑲嵌文本與對CSS3 | OnlineSchoolofDesign.com 上說: 2010年3月4日在下午11時05說:
[...]它: http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/跟隨我們的Twitter的更更新!虛擬主機PROMOGet特殊35 %的折扣使[...]
埃里卡| UPrinting 上說: 2010年3月5日在上午05點55說:
我從來不知道這一點,因為我的知識只是CSS的基礎知識。 感謝您分享這一點,我肯定會嘗試這一個。 期待你的下一個職位!
馬立克Stasikowski 上說: 2010年3月5日在1:44 pm說:
很抱歉,但我真的不喜歡這個主意翻一番內容的標記。 還有比這更好的,例如。 基於 JavaScript。
120 +巨額收集新鮮的製品設計和開發|絆雜誌 上說: 2010年3月5日在下午10時57說:
[...]如何創建鑲嵌文本與對 CSS3 [...]
CSS的布麗吉特|如何創建鑲嵌文本與對CSS3 上說: 2010年3月6日上午12點11分在說:
如何創建鑲嵌文本與對CSS3 ...
許多令人興奮的新功能和特性被認為是為對 CSS3。 今天,我們要創建嵌入測試對 CSS3。 ...