CSS的边框、圆角、背景、浮动

1、CSS的边框(border)可以是围绕元素内容和内边距的一条或多条线，对于这些线条，可以自定义它们的样式、宽度以及颜色。使用CSS边框属性，可以创建出比HTML中更加优秀的效果。Border-style值：

2、透明边框：引入边框颜色值transparent，这个值用于创建有宽度的不可见边框。利用transparent，使用边框就像是额外的内边距一样；此外还有一个好处，就是能在你需要的时候使其可见。这种透明边框相当于内边距，因为元素的背景会延伸到边框区域。

3、CSS的圆角(border-radius)-指定每个圆角，如果在border-radius属性中只指定一个值，那么将生成4个圆角。但是，如果要四个角上一一指定：

• 四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。
• 三个值：第一个值为左上角，第二个值为右上角和左下角，第三个值为右下角。
• 两个值：第一个值为左上角和右下角，第二个值为右上角和左下角。
• 一个值：四个圆角值相同。

4、圆角的属性

5、背景属性

6、可以为所有元素设置背景色，包括body一直到em和a等行内元素。Background-color不能继承，其默认值是transparent。如果一个元素没有指定的背景色，那么背景色就是透明的，这样其父元素的背景才可见。

7、背景图像-水平或垂直平铺。如果需要在HTML页面上对背景图像进行平铺，可以使用background-repeat属性。默认情况下background-image属性会在页面的水平或者垂直方向平铺。一些图像如果在水平方向与垂直方向平铺。这样看起来就很不协调。

8、浮动的属性

9、浮动(float) 浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止。会使元素向左或向右移动，其周围的元素也会重新排列。往往是用于图像，但它在布局时一样非常有用。浮动元素之后的元素将围绕它。

10、清除浮动-使用clear：元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用clear属性。Clear属性指定元素两侧不能出现浮动元素。