1. 程式人生 > >十天精通CSS3(慕課網上的教程筆記)

十天精通CSS3(慕課網上的教程筆記)

sha 技術分享 邊框 eight 參數 顏色 -i ado 右下角

1、border-radius:向元素添加圓角邊框。

border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */ 

2、box-shadow:向盒子添加陰影。支持添加一個或者多個。

語法:

box-shadow: X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴展半徑] [陰影顏色] [投影方式];

技術分享

註意:inset 可以寫在參數的第一個或最後一個,其它位置是無效的。

3、border-image:

語法:

參數:

repeat:就是一直重復,然後超出部分剪裁掉,而且是居中開始重復;

Round 參數Round可以理解為圓滿的鋪滿。為了實現圓滿所以會壓縮(或拉伸);

Stretch:很好理解就是拉伸,有多長拉多長。有多遠“滾”多遠。

十天精通CSS3(慕課網上的教程筆記)