仓酷云

标题: CSS教程之CSS3教程(3):border-color网页边框色采 [打印本页]

作者: 再现理想 时间: 2015-1-16 00:05
标题: CSS教程之CSS3教程(3):border-color网页边框色采
另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。
如今我们来看一看怎样为边框的border-color增加更多的色采。
上一篇先容了：CSS3教程(2):网页边框半径和网页圆角
利用CSS3的border-radius属性，假如你设置了border的宽度是Xpx，那末你就能够在这个border上利用X种色彩，每种色彩显现1px的宽度。假如说你的border的宽度是10个像素，可是只声了然5或6中色彩，那末最初一个色彩将被增加到剩下的宽度。
扫瞄器兼容性

今朝只要Firefox撑持CSS3border-colour属性，以是我们这里只需利用-moz前缀。
一切本系列关于CSS3的文章城市实时更新，以跟踪扫瞄器的兼容性。
CSS3中的边框色彩

这里是一个10px宽的尺度边框和边框色彩：

#borderColor{border:10pxsolid#dedede;-moz-border-bottom-colors:#300#600#700#800#900#A00;-moz-border-top-colors:#300#600#700#800#900#A00;-moz-border-left-colors:#300#600#700#800#900#A00;-moz-border-right-colors:#300#600#700#800#900#A00;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)

有圆角的边框色彩

#borderColorCorner{border:10pxsolid#dedede;-moz-border-radius:15px;-moz-border-bottom-colors:#303#404#606#808#909#A0A;-moz-border-top-colors:#303#404#606#808#909#A0A;-moz-border-left-colors:#303#404#606#808#909#A0A;-moz-border-right-colors:#303#404#606#808#909#A0A;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)

网上冲浪无论你用InternetExplorer还是NetscapeNavigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。

作者: 小女巫 时间: 2015-1-18 05:12
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

作者: 灵魂腐蚀 时间: 2015-1-24 15:31
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

作者: 爱飞 时间: 2015-2-2 06:03
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 愤怒的大鸟 时间: 2015-2-7 18:05
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 谁可相欹 时间: 2015-2-22 22:43
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 因胸联盟 时间: 2015-3-7 05:43
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

作者: 飘飘悠悠 时间: 2015-3-14 14:56
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

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

欢迎光临仓酷云 (http://ckuyun.com/)