css3

2018-02-12  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读