2025-01-16Login Page body { font-family: Arial, sans-serif; BACKGROUND-color: #f7f7f7; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { width: 400px; BACKGROUND-color: #fff; padding: 20px; border-rad

https://www.qianduange.cn//article/20555.html 分类：前端知识

2024-11-10案例 代码,为图片添加蓝色的滤镜,为组件设置统一的透明度，设置一张图片为圆角，设置图片的边框为圆，为盒子添加阴影，渐变，径向渐变，重复渐变，径向渐变，BACKGROUND-size,BACKGROUND-origin,BACKGROUND-clip,display,repeating-linear-gradient,linear-gradient,radial-gradient,repeating-linear-gradient,linear-gradient_新增的css

https://www.qianduange.cn//article/20168.html 分类：前端知识

2024-11-05文章详细介绍了 div 元素的 HTML 属性（class、title、style）和 CSS 样式，包括布局（display、position）、边距（margin、padding）、背景（BACKGROUND-color、image）、文本样式（font、text-align）、盒子模型（box-sizing）、动画（transition、animation）等。还涉及了层叠上下文（z-index）、伪类（:hover、:active）等掌握这些特性，开发者能创建出适应性强、交互性好的网页布局。_html div标签属性

https://www.qianduange.cn//article/20022.html 分类：前端知识

2024-11-04BACKGROUND-image:linear-gradient(red 50px,yellow 100px,green 150px)调整开始渐变的位置，0-50px是纯红，50-100px渐变，100px纯黄，100-150px渐变，150px和150之后纯绿。white-space：normal/pre/pre-wrap(在pre基础上，超出元素边界自动换行)/pre-line(pre-wrap基础上，只识别换行，空格会忽略)/nowrap（强制不换行）

https://www.qianduange.cn//article/19849.html 分类：前端知识

2024-11-04CSS3 动画相关属性实例大全（1)（@keyframes ，BACKGROUND属性，border 属性）_css3 动画属性

https://www.qianduange.cn//article/19845.html 分类：前端知识

2024-10-28属性允许你定义背景图片的大小，以适应元素的尺寸和页面布局。该属性能够通过多种方式设定背景图像的缩放比例，提供了从完全覆盖到按比例缩放的多种方案。auto：默认值，保持背景图片的原始大小。cover：背景图片将被缩放到足够大，以完全覆盖元素的背景区域，即使图片会被裁剪。contain：背景图片将被缩放到足够小，以完整显示在元素背景中，且不会被裁剪。指定尺寸：你可以直接设定背景图片的宽度和高度，如或50% 50%，甚至还支持calc()函数进行动态计算。属性为开发者提供了强大的背景图像控制能力。_BACKGROUND-size

https://www.qianduange.cn//article/19381.html 分类：前端知识

2024-10-17BACKGROUND-size属性用于控制背景图片在容器内的显示方式。contain值会保持图片长宽比缩放，确保图片能完全被容器包含，可能会有空白区域。而cover值同样保持比例缩放，但会让图片完全覆盖容器，可能导致部分图片被裁剪。

https://www.qianduange.cn//article/19132.html 分类：前端知识

2024-10-17CSS3圆角CSS3盒阴影box-shadowCSS3边界图片CSS3 BACKGROUND-clip属性padding-box 沿着边框填充content-box 在边框外面。

https://www.qianduange.cn//article/19104.html 分类：前端知识

2024-09-30学习了CSS3中有关背景属性的五大知识点，包括：颜色 BACKGROUND-color图片 BACKGROUND-image图片大小 BACKGROUND-size图片位置 BACKGROUND-position图片填充方式 BACKGROUND-repeat。_前端BACKGROUND

https://www.qianduange.cn//article/18824.html 分类：前端知识

2024-09-27BACKGROUND-origin 用来指定背景图像的原点位置，默认情况下总是以元素边框以内的左上角为坐标原点进行背景图像定位。语法：border-box：表示原点位置为边框区域的开始位置padding-box：表示原点位置为内边框区域的开始位置content-box：表示原点位置为内容区域的开始位置例：BACKGROUND-size 用来指定背景图像的大小。语法：：设置背景图像的宽度：设置背景图像的高度(宽度与高度如果只给出一个值，第二个值设置为auto)_css3 给左边框添加背景

https://www.qianduange.cn//article/18592.html 分类：前端知识