day01

1.边框透明

border: 50px solid rgba();

2.背景的绘制区域

background-clip: padding-box;(默认)

3.多重边框

box-shadow: 0 0 0 10px #655,0 0 0 15px deeppink;
注(阴影不会影响html元素)

4.双重边框

outline: 10px solid red;
列:
    background:yello;
    border:10px solid red;
    outline:5px solid deeppink;

5.灵活的背景定位(background-position)

一、
background-position:right 20px  bottom 10px;
二、(calc())可以执行定位运算
background-position: calc(100%-20px) calc(100%-10px);

你可能感兴趣的:(day01)