我們在用程式碼做圖形的時候,用的長方形和圓形比較多,如果遇到只改變其中一個角的角度,這時又該怎麼做呢
如圖,這是建立的一個正圓的程式碼,其調節角度的屬性代碼是border-radius
現在四個角度都設定的是50%,長寬的一半,就成了圓形
如果我們只想調整左上角一個角的角度,那麼程式碼就要這麼寫了, border-top-left-radius ,後面是角度度數,這就是左上角的意思了
如圖,我們可以看到現在效果
同理,右上角的角度問題設置,就是top-right了
如圖右上角設定後的圖示
依序類推,下面的兩個角度就是bottom的設定問題了,如圖所示
將四個角度分別設定後,最後的預覽效果就是這樣的了。
以上就是dw調節一個角落的角度程式碼技巧,希望大家喜歡,請繼續關注downcodes.com。