仓酷云

标题: 给大家带来CSS3教程(4):网页边框和网页笔墨暗影 [打印本页]
作者: 飘灵儿    时间: 2015-1-16 00:05
标题: 给大家带来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前缀。
给大家带来CSS3教程(4):网页边框和网页笔墨暗影
登录/注册后可看大图
  1. #boxShadow{border:5pxsolid#111;-webkit-box-shadow:5px5px7px#999;-webkit-border-bottom-right-radius:15px;padding:15px25px;height:inherit;width:590px;}
复制代码
这类效果一样能够用于图片…
扫瞄器撑持：

复杂笔墨暗影：
给大家带来CSS3教程(4):网页边框和网页笔墨暗影
登录/注册后可看大图
  1. .textShadowSingle{font-size:3.2em;color:#F5F5F5;text-shadow:3px3px7px#111;text-align:center;}
复制代码
扫瞄器撑持：

多重笔墨暗影
给大家带来CSS3教程(4):网页边框和网页笔墨暗影
登录/注册后可看大图
  1. .textShadowMultiple{font-size:3.2em;color:#FFF;text-shadow:0px-11px10px#C60,0px-3px9px#FF0;text-align:center;padding:10px0px5px0px;background:#151515;}
复制代码
扫瞄器撑持


你可以轻松地控制页面的布局。
作者: 若天明    时间: 2015-1-18 05:13
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
作者: 分手快乐    时间: 2015-1-24 15:31
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。
作者: 第二个灵魂    时间: 2015-2-2 06:03
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
作者: 老尸    时间: 2015-2-7 18:05
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。
作者: 透明    时间: 2015-2-22 22:43
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。
作者: 因胸联盟    时间: 2015-3-7 05:52
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者: 精灵巫婆    时间: 2015-3-21 12:31
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。



欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2