学习之路 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

posted on 2016-08-11 21:34  涉猎者  阅读(99)  评论(0编辑  收藏  举报