飘灵儿 发表于 2015-1-16 00:05:20

给大家带来CSS3教程(4):网页边框和网页笔墨暗影

那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
暗影约莫从CSS2就入手下手有了,可是只要Safari一个扫瞄器撑持它,到如今仍然是如许。暗影在CSS3中能够使用在边框和笔墨上,就像图片的暗影效果一样。
上一篇先容了:CSS3教程(3):border-color网页边框色采
一样平常能够分为box-shadow和textshadow两类。
CSS3的box-shadow和textshadow能够写做:box-shadow:ApxBpxCpx#xxx;
Apx=x轴
Bpx=y轴
Cpx=投影长度
#XXX=像一般一样的色彩
懂得了这些,我们就能够以上面的办法入手下手体验了…
扫瞄器兼容性:
在后面的先容中,我们已声明,并非一切的扫瞄器都撑持CSS3.最好的撑持CSS3暗影效果的扫瞄器是Safari,也就是说,我们如今只必要用刀-webkit前缀。

#boxShadow{border:5pxsolid#111;-webkit-box-shadow:5px5px7px#999;-webkit-border-bottom-right-radius:15px;padding:15px25px;height:inherit;width:590px;}这类效果一样能够用于图片…
扫瞄器撑持:


[*]FireFox(3.0.5)-
[*]GoogleChrome(1.0.154.)
[*]GoogleChrome(2.0.156.)(撑持不是太好)
[*]InternetExplorer(IE7/IE8RC1)
[*]Opera(9.6)
[*]Safari(3.2.1,Windows)
复杂笔墨暗影:

.textShadowSingle{font-size:3.2em;color:#F5F5F5;text-shadow:3px3px7px#111;text-align:center;}扫瞄器撑持:


[*]FireFox(3.0.5)-
[*]GoogleChrome(1.0.154.)
[*]GoogleChrome(2.0.156.)(撑持不是太好)
[*]InternetExplorer(IE7/IE8RC1)
[*]Opera(9.6)
[*]Safari(3.2.1,Windows)
多重笔墨暗影

.textShadowMultiple{font-size:3.2em;color:#FFF;text-shadow:0px-11px10px#C60,0px-3px9px#FF0;text-align:center;padding:10px0px5px0px;background:#151515;}扫瞄器撑持


[*]FireFox(3.0.5)-
[*]GoogleChrome(1.0.154.)
[*]GoogleChrome(2.0.156.)(撑持不是太好)
[*]InternetExplorer(IE7/IE8RC1)
[*]Opera(9.6)
[*]Safari(3.2.1,Windows)

你可以轻松地控制页面的布局。

若天明 发表于 2015-1-18 05:13:44

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

分手快乐 发表于 2015-1-24 15:31:02

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

第二个灵魂 发表于 2015-2-2 06:03:30

还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

老尸 发表于 2015-2-7 18:05:53

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

透明 发表于 2015-2-22 22:43:05

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

因胸联盟 发表于 2015-3-7 05:52:38

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

精灵巫婆 发表于 2015-3-21 12:31:55

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
页: [1]
查看完整版本: 给大家带来CSS3教程(4):网页边框和网页笔墨暗影