|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
在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基础。 |
|