繪製圓形

 border-XX-XX-radius
1.能夠經過 border-XX-XX-radius的方式單獨設置某一個角的值
2.border-XX-XX-radius接收兩個參數，第一個表示水平方向，第二個垂直方向
3.例如：border-top-left-radius：50%
 技巧：在企業開發中推薦使用以下的方式讓浮動元素居中
水平居中：left：50%；transform：translateX(-50%)；
垂直居中：right：50%；transform：translateY(-50%)；
 border-image：資源地址 切割模式 填充模式
1.border-image-source：url()--告訴瀏覽器讓哪一張圖片成爲邊框，默認狀況下會將圖片放到邊框的四個頂點，若是設置了邊框圖片，就不會顯示邊框顏色。
2.border-image-slice：70 70 70 70；---對指定的邊框圖片進行切割。
3.border-image-width：10px;指定了寬度，本來的border的寬度就會失效。
4.border-image-repeat：stretch(默認值，拉伸)/repeat(平鋪)/round(拉伸+平鋪)
 verticle-align這是元素的垂直對齊方式
1.默認狀況下圖片和一行文字的基線對齊(基線就是一行文字中最短那個文字的底部)。
2.text-align是設置給須要對齊元素的父元素，verticle-align是設置給須要對齊的那個元素自己。
3.verticle-align只對行內元素有效。

 

 

 

 

來自爲知筆記(Wiz)