Css边框和背景代码有哪些

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

创新互联建站-专业网站定制、快速模板网站建设、高性价比临邑网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式临邑网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖临邑地区。费用合理售后完善,十年实体公司更值得信赖。

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

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边框和背景代码有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


名称栏目:Css边框和背景代码有哪些
分享网址:http://scyanting.com/article/iiccch.html