美文网首页技术干货让前端飞
CSS3新增属性用法整理

CSS3新增属性用法整理

作者: 抖腿自嗨 | 来源:发表于2018-03-18 09:00 被阅读0次

1、box-shadow(阴影效果)

2、border-color(为边框设置多种颜色)

3、border-image(图片边框)

4、text-shadow(文本阴影)

5、text-overflow(文本截断)

6、word-wrap(自动换行)

7、border-radius(圆角边框)

8、opacity(透明度)

9、box-sizing(控制盒模型的组成模式)

10、resize(元素缩放)

11、outline(外边框)

12、background-size(指定背景图片尺寸)

13、background-origin(指定背景图片从哪里开始显示)

14、background-clip(指定背景图片从什么位置开始裁剪)

15、background(为一个元素指定多个背景)

16、hsl(通过色调、饱和度、亮度来指定颜色颜色值)

17、hsla(在hsl的基础上增加透明度设置)

18、rgba(基于rgb设置颜色,a设置透明度)

相关文章

  • CSS3新增属性用法整理

    1、box-shadow(阴影效果) 2、border-color(为边框设置多种颜色) 3、border-ima...

  • CSS3新增属性

    CSS3新增属性用法整理:1、box-shadow(阴影效果)2、border-color(为边框设置多种颜色)3...

  • CSS3之背景

    背景 在CSS3中针对Background推出了多个新增的用法,接下来我们看看这些新的属性 新增属性 部分是有修改...

  • box-sizing:border-box

    box-sizing属性定义及用法 box-sizing属性是css3中新增的属性,允许你以某种方式定义某些元素,...

  • H5新增 input 标签 属性选择器 结构伪类选择器

    五、新增 input 标签 六、新增表单属性 七、CSS3 属性选择器(上) 什么是 CSS3在 CSS2 的基础...

  • CSS3 动画

    动画属性 动画(animation)是CSS3新增的属性,动画属性可以为元素创建动画,CSS3以前在网页上实现动画...

  • 19秋招前端知识小结(二)

    2019秋招h5前端知识简要整理,来源于牛客题后评论区等。 C05新增内容 -$51 CSS3新增属性 -$52 ...

  • 理清CSS3中background新增属性

    为了不搞混,我将背景相关的属性整理成下图 在CSS3中,关于background新增了三个子属性 先来看backg...

  • CSS篇

    1、CSS3新增属性CSS3边框:border-radius box-shadow boder-imageback...

  • 【CSS3盒模型display:box的应用】

    CSS3新增属性 “display:box;”和“box-flex:数值”是css3新添加的盒子模型属性,它的出现...

网友评论

    本文标题:CSS3新增属性用法整理

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