css3

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 姓名:岳沁 学号:17101223458 转载自:https://www.w3cplus.com/css3/how...
    丘之心阅读 4,221评论 0 0
  • 摘自http://www.w3cplus.com/css3/how-to-use-css3-calc-functi...
    Lareina林暖暖阅读 4,082评论 0 0
  • 话题背景:如今网页展示的姿势是这样的 图片来自:设计之家 炫酷的网页展示,支撑它的正是强大的CSS3,还有什么理由...
    aliensq阅读 6,313评论 0 2
  • 接上 关于CSShttp://www.jianshu.com/p/01d228219d59 学习CSS3的最佳网站...
    Amyyy_阅读 3,649评论 0 1
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 5,561评论 0 7