如何创建带有CSS3内嵌文本
许多令人兴奋的新功能和特性,被认为是为CSS3。 今天,我们要创造CSS3插图的考验。 该财产将支持Firefox,歌剧,铬和Safari。 内嵌文本为文本已被放在次要地位,几乎像一个反向浮雕效果。 我希望,您会发现您的下一个设计项目的一个相当有益的启示。 谢谢!

这个文本阴影属性不支持IE浏览器。 观看演示
让我们知道你的想法? 如果您发现任何您想要与我们分享其他教程,请随时让我们知道在评论下降。
例如

步骤#1 CSS结构
首先,我们创建一个简单的CSS代码
*( ;填充:0;保证金:0; ) 身体( ; 背景 :#222; )#集装箱 ( ;保证金:0 汽车 ; ; 背景 :#333333; ): # 000 ; text-shadow :- 1px 1px 1px #4A4947 ; font : 36px bold Arial, Helvetica, sans-serif ; margin : 0 0 0 0 ; padding : 0 0 10px 0 ; }氢气( 颜色 :#000;文字阴影: - 1px 1px 1px#4A4947;字体:36px 加粗宋体,海尔维希, 无衬线 ;保证金:0 0 0 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! <div 编号 = "container"“<h2>标题”/氢气“<p>等超声交流sociis natoque蒙特斯! 门lundium塞德tempor交流门,产妇turpis。 交流,egestas超声爱,adipiscing penatibus产妇坐拉克丝马蒂斯,placerat。“/页”<p>等超声交流sociis natoque蒙特斯! 门lundium塞德tempor交流门,产妇turpis。 交流,egestas超声爱,adipiscing penatibus产妇坐拉克丝马蒂斯,placerat。“/页”“/分区”
观看演示
按照Twitter的 ,或订阅开发天堂我们+ RSS饲料的最佳网站在网络上开发教程。
相关文章:
如果您喜欢阅读这篇文章,请检查以下其他相关文章:























































[用户链接:如何创建带有CSS3内嵌文本] |提示设计者和开发者|绊杂志 上说:3月4日,在下午6时50分2010年说:
[...]如果用户新闻(typeof Meebo的=='未定义')(Meebo的=函数()((Meebo._ = Meebo._ ||[]).推(参数));(函数(q)( argS的= VAR的论据,如果(!document.body)(返回setTimeout(函数()(args.callee.apply(这一点,argS的)),100);)VAR的Ḏ=文件,b = d.body,米= B的。insertBefore(d.createElement('组'),b.firstChild);商S = d.createElement('脚本'); m.id ='meebo的'; m.style.display ='无'; m.innerHTML = “s.src ='网址'+(q.https?氏':")+'://'+( q.stage?'阶段':")+' cim.meebo.com /监测协调员/ cim.php?网络='+ q.network; b.insertBefore(秒,b.firstChild);))((网络:'tripwiremagazine_fu72bi'));)如何创建带有CSS3内嵌文本[...]
如何创建带有CSS3内嵌文本| OnlineSchoolofDesign.com 上说:3月4日,在下午11时05分2010年说:
[...]出来:http://aceinfowayindia.com/blog/2010/03/how-to-create-inset-text-with-css3/跟随我们的Twitter为更多的更新!虚拟主机PROMOGet一个特殊的35 %的折扣使得[...]
埃里卡| UPrinting 上说:3月5日,2010年在5点55分说:
我从来不知道这个,因为我对CSS的知识,只是知识。 感谢您分享此,我肯定会尝试这一个。 期待着您的下一个帖子!
马雷克Stasikowski 上说:3月5日,在下午1点44分2010年说:
抱歉,但是我真的不喜欢翻一番的标记内容的想法。 还有比这更好的,如。 基于JavaScript。
120 +鲜条巨大集合设计者和开发者|绊杂志 上说:3月5日,在下午10时57分2010年说:
[...]如何创建内嵌文本与CSS3 [...]
的CSS布洛耶|如何创建CSS3内嵌文本 上说: 在12:11 2010年3月6日上午说:
如何创建带有CSS3内嵌文本...
许多令人兴奋的新功能和特性,被认为是为CSS3。 今天,我们要创造CSS3插图的考验。 ...