border 属性
border-width 设置border的宽度
border-color 设置border的颜色
border-style 设置border的样式
他们三个也可以合写:
border: width style color;
border 可以单独给某一个边设置border
border-top 设置 上边
border-left 设置 左边
border-bottom 设置 下边
border-right 设置 右边
常用的 border-style 值
1.solid 实线
2.dotted 圆点虚线
3.dashed 短线虚线
4.none 隐藏border
5.double 双实线(不常用)
6.3D边框
groove 3d凹槽
ridge 3d凸槽
inset 内嵌
outset 外嵌
border-radius 设置圆角
border-radius:左上 右上 右下 左下;
左上!=右下 右上 = 左下
border-radius:左上 右上 右下 ;
左上=右下 右上 = 左下
border-radius:左上 右上 ;
左上=右下 =右上 = 左下
border-radius:左上 ;
实质上每一个角的上面,都有一个水平半径和一个垂直半径如果每一个方向上的半径不同,则需要写成 水平半径/垂直半径
color 属性,设置文本颜色
值:
1. 英文单词
2. 16进制颜色 0-f ,# 后面跟6位表示颜色的数字,前两位表示 红 色, 中间两位表示绿色,后两位表示蓝色,#aabbcc
如果 两两相等,则可以简写为 #abc
3.rgb(),rgba()设置颜色
括号当中设置对应的数字,0-255 , 0 表示黑色,255 表示白色
rgb(255,0,0)红色
rgba 中的a 表示透明度,取值范围是0-1,0表示完全透明,1表示完全不透明
文本修饰(text-decoration)
值:
1. underline 下划线
2. overline 上划线
3. line-through 中划线(删除线)
4. none 去掉线(没有文本修饰线)
文本转化 (text-transform)
值:
1.lowercase 全部小写
2.uppercase 全部大写
3.capitalize 单词的首字母大写
行高 (line-height)
对于单行文本,line-height 设的高度如果和标签高度相同,则可以做 垂直居中效果
如果是多行文本,可以理解为行间距
direction 设置文字方向
ltr 默认,从左到右
rtl 从右向左
text-indent 首行缩进,他的值是具体的数值
word-spacing:设置 两个单词之间的距离
letter-spacing:设置 两个字符之间的距离(中文属于字符)