美文网首页
CSS3 背景图尺寸、背景渐变 outline盒子描边

CSS3 背景图尺寸、背景渐变 outline盒子描边

作者: 祝名 | 来源:发表于2018-11-25 20:14 被阅读0次

一.背景图尺寸

可以将背景图片大小设置成,相对于所在的模块的百分比大小,这样无论如何拉伸压缩,总是按比例大小填充所在模块内的。

background:url('xxx.jpg') no-repeat;
background-size:100% 100%

二.背景渐变

  • 浏览器前缀
  • 背景渐变应用

三.outline盒子描边

border占空间,outline不占空间

相关文章

  • CSS3 背景图尺寸、背景渐变 outline盒子描边

    一.背景图尺寸 可以将背景图片大小设置成,相对于所在的模块的百分比大小,这样无论如何拉伸压缩,总是按比例大小填充所...

  • CSS-背景5-多张背景图

    1、多张背景图 CSS3可以选择多张背景图,每张背景图都可以独立设置尺寸、定位。下面我们使用CSS3的多张背景图,...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

  • gradient(渐变)

    gradient(渐变) 生成渐变颜色的背景图片 CSS3渐变分为linear-gradient(线性渐变)和ra...

  • --- > css3-渐变

    gradient(渐变) 生成渐变颜色的背景图片 CSS3渐变分为linear-gradient(线性渐变)和ra...

  • 背景相关

    1.什么是背景尺寸属性 背景尺寸属性是CSS3中新增的一个属性, 专门用于设置背景图片大小 背景图片定位区域属性 ...

  • 文字描边效果

    简单描边 渐变描边 主要是用到背景渐变的样式。 SVG多彩描边效果 SVG动画霓虹灯效果

  • css3渐变属性有哪些?CSS3渐变属性用法

    在CSS3之前如果需要添加渐变效果,通常要设置背景图像来实现。而CSS3中增加了渐变属性,通过渐变属性可以轻松实现...

  • 章节(23) 背景相关

    一. 背景尺寸属性 1.什么是背景尺寸属性背景尺寸属性是CSS3中新增的一个属性, 专门用于设置背景图片大小 ba...

  • 字体、背景颜色和边框的颜色渐变

    背景颜色 1、给盒子宽高2、给盒子设置背景图片 渐变颜色;默认为垂直方向,也可通过改变角度,改变渐变的效果。 文字...

网友评论

      本文标题:CSS3 背景图尺寸、背景渐变 outline盒子描边

      本文链接:https://www.haomeiwen.com/subject/habpqqtx.html