边框和背景：为元素应用边框

border-width:边框宽度

border-style:边框样式

none没有边框

dashed虚线

solied实线

double双线

groove槽线

dotted圆点线边框

inset内嵌 outset外凸

ridge 脊线边框

bolder-color:边框颜色

简写形式border:width style color 没有先后顺序

单独设置某一条边框

border-top/bottom/left/right-width/style/color

简写形式:border-top{width,style,color}

应用圆角边框(x半径,y半径,xy相同时写一个就好了)

border-top/bottom-left/right-radius

简写:border-radius

设置元素背景

background-color:背景颜色

background-image:{url("")} 背景图片地址

background-repeat:背景图重复方式,一般no-repeat

background-size:背景图尺寸

background-position:背景图位置

简写:background:color image repeat position,尺寸不写,会冲突

创建盒子阴影

box-shadow:水平偏移量 垂直偏移量 模糊值 阴影的延伸半径 阴影颜色 10px 10px 5px 0px red;

添加多个阴影,直接第一个之后用逗号继续写第二个,第一个设置成整数,第二个阴影设置成负数

设置轮廓

边框和轮廓的区别：轮廓不属于页面，不会因为应用轮廓而调整页面的布局

边框占有实际大小,轮廓不占有

当设置hover悬停时,轮廓修饰的div不会发生位移,边框修饰时位移

outline-color:轮廓颜色

outline-style:轮廓样式

outline-width:轮廓宽度

outline-offset:轮廓距元素边框偏移量

简写: outline

其他样式(表格,列表,透明度,光标)

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r39599.shtml