网页样式表CSS介绍.pptVIP

6.6.3 控制BOX的属性 2．边框属性（Borders Properties） 常用的边框属性有7项：border-top、border-right、border-bottom、border-left、border-width、border-color和border-style。其中border-width可以一次性设置所有的边框宽度；如果用border-color同时设置四面边框的颜色，可以连续写上4种颜色，并用空格分隔。上述连续设置的边框都是按border-top、border-right、border-bottom、border-left顺序（顺时针）的。 （1）所有边框宽度（border-width） 语法：border-width:medium | thin | thick | length 6.6 样式表的常用属性 6.6.3 控制BOX的属性 （2）边框样式（border-style） 语法：border-style:none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset （3）边框颜色（border-color） 语法：border-color:color （4）顶边框宽度（border-top） 语法：border-top:border-width || border-style || border-color （5）右边框宽度（border-right） 语法：border-right:border-width || border-style || border-color （6）底边框宽度（border-bottom） 语法：border-bottom:border-width || border-style || border-color （7）左边框宽度（border-left） 语法：border-left:border-width || border-style || border-color （8）边框圆角（border-radius） 语法：border-radius:length {1,4} （9）BOX阴影（box-shadow） 语法：box-shadow:length length length color 6.6 样式表的常用属性 6.6.4 布局属性 1．浮动（float） 语法：float:none | left |right 参数：none表示对象不浮动，left表示对象浮在左边，right表示对象浮在右边。 2．清除（clear） 语法：clear:none | left |right | both 参数：none允许两边都可以有浮动对象，both不允许有浮动对象，left不允许左边有浮动对象，right不允许右边有浮动对象。 6.6 样式表的常用属性 6.6.5 背景属性 1．颜色（color） 语法：color:color 参数：color指定颜色。请参阅颜色单位。 2．背景色（background-color） 语法：background-color:color | transparent 参数：color指定颜色，请参阅颜色单位。transparent表示背景色透明。 3．背景图像（background-image） 语法：background-image:url(url) | none 6.6 样式表的常用属性 6.6.5 背景属性 4．控制背景图像的属性 （1）背景重复（background-repeat） 语法：background-repeat:repeat | no-repeat | repeat-x | repeat-y （2）固定背景（background-attachment） 语法：background-attachment:scroll | fixed （3）背景定位（background-position） 语法：background-position:length || length background-position:position || position 6.6 样式表的常用属性 6.6.6 定位属性 1．定位方式（position） 语法：position:static | absolute | relative 参数：static为无特殊定位，对象遵循HTML定位规则。 2．左、右、上、下位置 语法： left:auto | length right:auto | length top:au