边框背景

1.border
边框属性可设置宽度，线样式和颜色

border:4px solid green;

 

2.border-radius

边框圆角属性

border-radius: 10px;

3.border-image

border: 10px solid gray; border-image: url(images/b1.png) 2/6px; 

后面的值可以设置4个。

4.box-shadow

box-shadow: 3px 3px 5px yellow ，
box-shadow: 3px 3px 5px yellow inset

（加上inset就是往里面凹）

5.line-height

line-height: 50px;

 

6.text-indent

text-indent: 2em;

（缩进2个字符）

7.letter spacing
不常用

8.文本文字溢出变成。。。

overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;

第一是条件，第二是强制一行显示，第三是超出部分显示为……

9.rgba，background-color

background-color:rgba(23,42,155,.3);

10，颜色渐变

background-image: linear-gradient(270deg,red,yellow,blue);

11.background

background: url(images/b2.png) no-repeat left -53px;

　　可控制图片