CSS--border

標籤：變換   image   code   設定   http   sha   通過   span   百分比   

1、border-width不支持度百分比。

2.border-style:

solid實線，dashed虛線，dotted點線；double雙線；inset內凹；outset外凹；groove溝槽;ridge山脊;

3.border-color:上邊距顏色 右 下 左

通常設定border-color為一種顏色，但是可以設定四種邊框的顏色

   width:80px;height:80px;
　　border-width: 100px;   border-style: solid;   border-color: red green yellow blue;

變換為三角形：

將下方和左邊的顏色設定為透明，上方和右邊設定為紅色。設定為三角形圖案

 width: 0px; height: 0px; border-width: 80px; border-style: solid; border-color:red red transparent transparent;

設定三角捲紙動畫：

通過設定border上方和右方顏色為白色，下方和左邊的顏色為半透明，從而達到這個效果。

 box-shadow: 0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2); transition: all 0.4s ease-in;

 

CSS--border