仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1681|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CSS教程:进修border-color属性

[复制链接]
第二个灵魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:52:11 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
网页制造poluoluo文章简介:CSS教程:进修border-color属性.
border-color--界说四个边框的色彩
取值:[<color>|transparent]{1,4}|inherit
<color>{1,4}:色彩暗示法
transparent{1,4}:通明
inherit:承继
初始值:同color属性的默许值
承继性:否
合用于:一切元素
border:边框,color:色彩.
border-color和border-width的赋值体例是一样的,能够分离赋1,2,3或4个色彩值.
示例
p#fourborders
{
border-color:redblackbluegreen;
}
假如界说四个值,那末这四个值就分离是上,右,下,右边框(从上边框入手下手,以顺时针的按次遍历).界说梦之都段落的上边框为白色,右侧框为玄色,下边框为蓝色,右边框为绿色.
p#threeborders
{
border-color:redblackblue;
}
假如只界说三个值,两头的值代表左和右侧框.界说梦之都段落的上边框为白色,下边框为蓝色,左,右侧框为玄色.
p#twoborders
{
border-color:redblack;
}
假如只界说两个值,后面的值代表高低边框,前面的值代表摆布边框.界说梦之都段落的上,下边框为白色,右,右边框为玄色.
p#oneborders
{
border-color:red;
}
假如只界说一个值,这个值就代表四个边的.界说梦之都段落的边框为白色.
破洛洛提醒:当不设置边框色彩border-color时,边框的色彩利用此元素的color属性的值.
p#bordercolor
{
border-bottom:solid;
color:red;
}
上例中,因为没有设定border-color的值,因而取color的值白色.
cssborder-color属性示例--利用color的色彩值.
破洛洛提醒:因为CSS属性具有掩盖的特征,以是设置的按次很主要.
p
{
border:mediumsolidgreen;
border-bottom:solid;
color:red;
}
上例中,下边框的色彩为白色,别的边框为绿色.由于border-bottom没有设置色彩,以是应当取color指定的色彩.

表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-25 17:04

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表