CSS边框,背景,边距,溢出

css边框属性

border:宽度 样式 颜色;border-color;border-style; 边框样式：solid实现，dotted点状线，dashed虚线

CSS3的样式

border-radius：圆角处理

box-shadow: x轴偏移 y轴偏移 模糊度 扩散成都 颜色 inset内阴影 设置或检索对象阴影

背景属性：background

*background-color: 背景颜色*background-image: 背景图片*background-repeat：是否重复，如何重复?(平铺)*background-position：定位css3的属性*background-size: 背景大小，如 background-size:100px 140px;多层背景：(了解)background: url(./images/game/map_14.gif) no-repeat 100px 200px,url(./images/game/map_17.gif) no-repeat 150px 200px,url(./images/game/map_03.gif);

元素溢出

当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。

overflow的设置项：

1、visible 默认值。内容不会被修剪，会呈现在元素框之外。

2、hidden 内容会被修剪，并且其余内容是不可见的. 3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

CSS边距:

*内补白（内补丁）

padding： 检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px;padding-top： 检索或设置对象顶边的内部边距padding-right： 检索或设置对象右边的内部边距padding-bottom：检索或设置对象下边的内部边距padding-left： 检索或设置对象左边的内部边距

*外补白（外补丁）

margin： 检索或设置对象四边的外延边距,如 margin:10px; margin:5px auto;margin-top： 检索或设置对象顶边的外延边距margin-right： 检索或设置对象右边的外延边距margin-bottom： 检索或设置对象下边的外延边距margin-left： 检索或设置对象左边的外延边距