Css边框和背景代码有哪些

今天小编给大家分享一下CSS边框和背景代码有哪些的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

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

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

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

以上就是“Css边框和背景代码有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网JavaScript频道。