仓酷云

标题: 来谈谈：CSS教程：进修border-width属性 [打印本页]

作者: 不帅 时间: 2015-1-15 23:52
标题: 来谈谈：CSS教程：进修border-width属性
在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？
网页制造poluoluo文章简介：border-width:界说四个边框的宽度.
border-width--界说四个边框的宽度
取值:<border-width>{1,4}|inherit
<border-width>{1,4}:边框宽度(能够有一个,两个,三个或四个值)
inherit:承继
初始值:medium
承继性:否
合用于:一切元素
border:边框,width:宽度.
border-width的取值
thin:细
medium:中
thick:粗
<length>:长度暗示法
下面的宽度值有上面的干系:thin<medium<thick
提醒:border-width不克不及利用百分比并且不克不及取负值,只能利用长度.(比方:px,em等)!
示例
为border-width指定四个值
border-width:border-top-widthborder-right-widthborder-bottom-widthborder-left-width;
p#fourborders
{
border-width:thickmediumthin12px;
}
假如界说四个值,那末这四个值就分离是上,右,下,右边框的宽度值(从上边框入手下手,以顺时针的按次遍历).
等价于上面的界说
p#fourborders
{
border-top-width:thick;
border-right-width:medium;
border-bottom-width:thin;
border-left-width:12px;
}
为border-width指定三个值
border-width:border-top-widthborder-right-width/border-left-widthborder-bottom-width;
p#threeborders
{
border-width:thick12pxthin;
}
假如只界说三个值,两头的值代表左和右侧框的宽度.
等价于上面的界说
p#threeborders
{
border-top-width:thick;
border-right-width:12px;
border-bottom-width:thin;
border-left-width:12px;
}
为border-width指定两个值
border-width:border-top-width/border-bottom-widthborder-right-width/border-left-width;
p#twoborders
{
border-width:thick12px;
}
假如只界说两个值,后面的值代表高低边框宽度,前面的值代表摆布边框的宽度.
等价于上面的界说
p#twoborders
{
border-top-width:thick;
border-right-width:12px;
border-bottom-width:thick;
border-left-width:12px;
}
为border-width指定一个值
border-width:border-top-width/border-bottom-width/border-right-width/border-left-width;
p#oneborders
{
border-width:thick;
}
假如只界说一个值,这个值就代表四个边的宽度.
等价于上面的界说
p#oneborders
{
border-top-width:thick;
border-right-width:thick;
border-bottom-width:thick;
border-left-width:thick;
}

学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。

作者: 透明 时间: 2015-1-17 23:43
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

作者: 柔情似水 时间: 2015-1-21 19:14
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

作者: admin 时间: 2015-1-30 21:56
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

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

作者: 变相怪杰 时间: 2015-2-17 06:45
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 若天明 时间: 2015-3-5 17:20
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 小妖女 时间: 2015-3-12 11:35
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 山那边是海 时间: 2015-3-19 21:54
不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

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