一键建设网站：属性的值指出了对象是否浮动及如何浮动

 二¨口口  ：-h -WlI百lkbM笛1爪1△～+k估旦1k亚半然  hri~笸，）／卜信省略．flflllrtt~千笆1个信．

<div style="border-width: 5px;border-style: solid;border-radius: llpx llpx llpx llpx;padding:5px;">

    圆角效果

</div>

    浏览器中的浏览效果如图6-22所示。

    (9) BOX阴影(box-shadow)

    语法：box-shadow:length length length color

    参数：第1个length值表示阴影水平偏移值（可取正、负值），第2个length值表示阴垂直偏移值（可取正、负值），第3个length值表示阴影模糊值，color表示阴影颜色。

    说明：用于设置块阴影。    4

    示例：

<div style="box-shadow:5px 3px 6px #OOf;border-width: lpx;border-style: solid;padding:4px 10px;">

    BOX阴影效果

</div>

    浏览器中的浏览效果如图6-23所示。

    图6-22边框圆角的浏览效果    图6-23 BOX阴影的浏览效果

 对象间隙( Paddings Properties)

    对象间隙也称内补丁，位于对象边框和对象之间，包括了4项属性：padding-top（顶{间隙）、padding-right（右边间隙）、padding-bottom（底部间隙）和padding-left（左边间隙）不允许为负值。与margin类似，也可以用padding -次性设置所有的对象间隙，其格式也jmargin相似，这里不再一一列举。

布局属性

．浮动( float)

    语法：float:none I left lright

    参数：none表示对象不浮动，left表示对象浮在左边，right表示对象浮在右边。

    说明：该属性的值指出了对象是否浮动及如何浮动。

    浮动属性能将一个对象周围用文字包裹，不仅能包裹图像、表格，还能包裹整块的文等

    示例：

    div f clear：left)

    img{ float: right}

    下面例子的标题文字为向左浮动，而本段内容则包裹在标题文字的右下边，就像用文

包裹图像时的效果：

    h4 f float: left}

    如果浮动要素周围的边距太小，可以使用前面介绍的空格填充属性加大四周的空间。

·