css3

作者: 晓卢轩 | 来源:发表于2018-02-12 09:40 被阅读0次

1,calc函数可以计算偏移的位置:

就是物体离右边有20px的距离,下面10px的距离,那么也同样等于离左上角开始偏移100% - 20px  离上面100% - 10px 这里记得这个减号左右要留有空白,不然有语法错误

background-position:calc(100% - 20px) calc(100% - 10px) 

2,background-origin

padding-box背景图像相对于内边距框来定位。(测试过这个不起作用)

border-box背景图像相对于边框盒来定位。

content-box背景图像相对于内容框来定位。

参考网站:http://www.w3school.com.cn/tiy/t.asp?f=css3_background-origin

3, outline:.6em solid #655;

参考网站:http://www.w3school.com.cn/cssref/pr_outline.asp

outline-color    规定边框的颜色。

outline-style规定边框的样式。

outline-width规定边框的宽度。

inherit规定应该从父元素继承 outline 属性的设置。

4,一个div实现双重圆角边效果效果地址:http://dabblet.com/gist/170fe436f290083cc24c

相关文章

  • 网页高级知识点(三)

    CSS3 transition动画 CSS3 transform变换 CSS3 animation动画

  • CSS3-目录

    1 CSS3 兼容性 2 CSS3 选择器 3 CSS3 新加属性 4 CSS3 过渡动画 5 CSS3 变型 6...

  • CSS3 背景

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

  • css3渐变:线性和径向

    知识点: CSS3 渐变CSS3 线性渐变CSS3 径向渐变 CSS3 渐变 渐变(gradients)可以在两个...

  • CSS3设置圆角边框 圆角特效代码 CSS3的圆角border-

    CSS3设置圆角边框 css3圆角特效代码 CSS3 border-radius 属性 使用 CSS3 borde...

  • 07day

    CSS3动画 CSS3 @keyframes 规则如需在 CSS3 中创建动画,您需要学习 @keyframes ...

  • css3 基础

    1. css3 起步 (图形2D旋转) 2. CSS3 模块 CSS3 被划分为模块。其中最重要的 CSS3 ...

  • CSS3:边框与圆角

    知识点: CSS3圆角CSS3盒阴影CSS3边界图片 一、CSS3圆角 border-radius属性 一个最多可...

  • css3圆角

    css3 圆角使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。CSS3 bord...

  • 1217

    资源:css3制作工具css3按钮生成css3制作特殊效果-web前端实验室 浏览器的型号和css3前缀 五种主流...

网友评论

      本文标题:css3

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