学习之路 1=3
1. border-width
可以设置边框的粗细 可以上、右、下、左的顺序作用于四边
2. border-color
设置或检索对象的边框颜色
3. border-style
- none:
- 无轮廓
- hidden:
- 隐藏边框。IE7及以下尚不支持
- dotted:
- 点状轮廓。IE6下显示为dashed效果
- dashed:
- 虚线轮廓。
- solid:
- 实线轮廓
- double:
- 双线轮廓。两条单线与其间隔的和等于指定的border-width值
- groove:
- 3D凹槽轮廓。
- ridge:
- 3D凸槽轮廓。
- inset:
- 3D凹边轮廓。
- outset:
- 3D凸边轮廓。
4. border
.test {
border: 5px solid #000;
}
5. border-radius
设置或检索对象使用圆角边框。提供2个参数,2个参数以“/”分隔,每个参数允许设置1~4个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数
6. border-image
设置或检索对象的边框样式使用图像来填充。
7. box-shadow
box-shadow: 5px 5px rgba(0, 0, 0, .6); 盒子阴影
8. line-height
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
9. text-indent
检索或设置对象中的文本的缩进
10. text-align
设置或检索对象中内容的水平对齐方式。
11. letter-spacing
检索或设置对象中的字符之间的最小,最大和最佳间隙
12. text-overflow
13. word-wrap
设置或检索当内容超过指定容器的边界时是否断行
14. background-color
设置或检索对象的背景颜色
15. rgba
16. linear-gradient
当块容器 <' overflow '> 为非visible
时,定义内联内容溢出其块容器是否截断或者添加(...)及自定义字符
- 要使得 <' text-overflow '> 属性生效,块容器必须显式定义 <' overflow '> 为
非visible
值,同时显式或者隐式的定义 <' width '> 为非auto
值, <' white-space '> 为nowrap
值。
17. background-image
设置或检索对象的背景图像
18. background-repeat
设置或检索对象的背景图像如何铺排填充
19. background-position
设置或检索对象的背景图像位置
20. background 缩写
background:url(test1.jpg) no-repeat scroll 10px 20px/50px
;