1．  边框

（1）       圆角border-radius:5px 4px 3px 2px (左上角，右上角，右下角，左下角)

（2）       阴影box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式(inset为内部阴影，省略为外部阴影)]

X轴偏移量和Y轴偏移量都是0时，四边都具有阴影；可设为负值

阴影模糊半径：只能为正，阴影模糊程度

阴影扩展半径：可正可负，整个阴影的尺寸

 

文本阴影text-shadow

（3）       为边框应用图片background-image:url(xx.jpg) 10px 20px 30px 40px [repeat|round|stretch]

切割图片的宽度（可省略px；可使用百分比）

Repeat重复 round平铺 stretch拉伸

2. 颜色

（1） RGBA 色彩 Color：rgba（R,G,B,A）

      RGB的正整数取值范围为0-255，百分数值的取值范围为0.0%-100% （超出范围的数值被截至取值极限）

      A透明度，取值范围0-1

（2） background-image:linear-gradient(渐变方向，起始点颜色，结束点颜色)

      Background-image:Radial-gradient(渐变方向，起始点颜色，结束点颜色)

              渐变方向：to top       0deg

                To right    90deg

                To bottom         180deg

                To left       270deg

                To top left

                To top right

              起始点和结束点颜色可以有多个颜色值

3.文本

（1）文本阴影text-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式(inset为内部阴影，省略为外部阴影)]

（2）文本溢出

     Text-overflow:clip|ellipsis

     剪切：text-overflow:clip;

     显示省略号：text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

（3）文本换行

连续文本：Word-wrap:normal

文本断开换行：word-wrap:break-word