我們在用程式碼做圖形的時候,用的長方形和圓形比較多,如果遇到只改變其中一個角的角度,這時又該怎麼做呢
如圖,這是建立的一個正圓的程式碼,其調節角度的屬性代碼是border-radius

現在四個角度都設定的是50%,長寬的一半,就成了圓形

如果我們只想調整左上角一個角的角度,那麼程式碼就要這麼寫了, border-top-left-radius ,後面是角度度數,這就是左上角的意思了

如圖,我們可以看到現在效果

同理,右上角的角度問題設置,就是top-right了

如圖右上角設定後的圖示

依序類推,下面的兩個角度就是bottom的設定問題了,如圖所示

將四個角度分別設定後,最後的預覽效果就是這樣的了。

以上就是dw調節一個角落的角度程式碼技巧,希望大家喜歡,請繼續關注downcodes.com。