给大家带来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前缀。

登录/注册后可看大图

1. #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)-[FireFox(3.1PreAlpha)兼容]
  
• GoogleChrome(1.0.154.)
  
• GoogleChrome(2.0.156.)(撑持不是太好)
  
• InternetExplorer(IE7/IE8RC1)
  
• Opera(9.6)
  
• Safari(3.2.1,Windows)
  

复杂笔墨暗影：

登录/注册后可看大图

1. .textShadowSingle{font-size:3.2em;color:#F5F5F5;text-shadow:3px3px7px#111;text-align:center;}

复制代码

扫瞄器撑持：

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

多重笔墨暗影

登录/注册后可看大图

1. .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)-[FireFox(3.1PreAlpha)兼容]
  
• GoogleChrome(1.0.154.)
  
• GoogleChrome(2.0.156.)(撑持不是太好)
  
• InternetExplorer(IE7/IE8RC1)
  
• Opera(9.6)
  
• Safari(3.2.1,Windows)
  

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

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

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

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

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

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

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

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。