上一篇: 【公司网站如何建设】CSS与HTML文档的结合方法
下一篇: 集团网站建设公司:网页制作
科技网站建设: 边框属性( Borders Properties)
边框属性( Borders Properties)
常用的边框属性有7项:border-top、border-right、border-bottom、border-left、border-widborder-color和border-style。其中border-width可以一次性设置所有的边框宽度;如异border-color同时设置四面边框的颜色,可以连续写上4种颜色,并用空格分隔。上述连纠置的边框都是按border-top、border-right、border-bottom、border-left顺序(顺时针)的。
(1)所有边框宽度(border-width)
语法:border-width:medium I thin l thick I length
参数:medium为默认宽度,thin为小于默认宽度,thick为大于默认宽度。Length是由字和单位标识符组成的长度值,不可为负值。
说明:如果提供全部4个参数值,将按上、右、下、左的顺序作用于4个边框。如果提供1个参数值,将用于全部的4条边。如果提供两个参数值,则第1个用于上、下边框第2个用于左、右边框。如果提供3个参数值,则第1个用于上边框,第2个用于左、右框,第3个用于下边框。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性,absolute。
如果border-style设置为none,本属性将失去作用。
示例:
span{ border-style: solid; border-width: thin)
span{ border-style: solid; border-width: lpx thin)
(2)边框样式(border-style)
语法:border-style:none I hidden l dotted l dashed l solid I double I groove l ridge l inset l outset
参数:border-style属性包括了多个边框样式的参数。
none:无边框。与任何指定的border-width值无关。
dotted:边框为点线。
dashed:边框为长短线。
solid:边框为实线。
double:边框为双线。两条单线与其间隔的和等于指定的border-width值。
groove:根据border-color的值画3D凹槽。
ridge:根据border-color的值画菱形边框。
inset:根据border-color的值画3D凹边。
outset:根据border-color的值画3D凸边。
说明:如果提供全部4个参数值,将按上、右、下、左的顺序作用于4个边框。如果提供1个参数值,将用于全部的4条边。如果提供2个参数值,则第1个用于上、下边,1 2个用于左、右边。如果提供3个参数值,则第1个用于上边,第2个用于左、右边,第个用于下边。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolut 如果border-width不大于0,本属性将失去作用。
上一篇: 【公司网站如何建设】CSS与HTML文档的结合方法
下一篇: 集团网站建设公司:网页制作