盒子模型与css背景

阿苼

于 2018-11-29 17:05:54 发布

阅读量399

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_43748930/article/details/84636192

笔记专栏收录该内容

24 篇文章

订阅专栏

本文深入讲解CSS中的元素轮廓、调整大小、阴影及背景属性。包括outline的宽度、样式、颜色和偏移，resize属性的垂直、水平调整，box-shadow的六个值设定，以及background系列属性的全面解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，元素的轮廓outline
outline-width 设置轮廓线的宽度/outline-style 设置轮廓线的样式/outline-color 设置轮廓线的颜色/outline-offset设置轮廓线相对元素边框的距离
2，调整元素大小resize（vertical垂直 /horizontal水平 /both ）
注意：要配合overflow使用
在块级和行内块中使用（支持display改变类型后使用）
2，元素的阴影box-shadow
注意：它有6个值，在text-shadow的四个值得基础上，在颜色的前后各加一个值，前面加扩散的范围像素值后面加阴影所在的内外值inset等
3，css背景
背景色background-color / 背景图片background-image /背景图定位background-position / 背景图固定background-attachment / 背景剪裁范围 background-clip（border-box,padding-box,content-box）/ 背景图大小background-size / 背景开始位置background-origin（border-box,padding-box,content-box）/ 背景组合值background / 背景色渐变background