HTML用程式碼製作虛線框法,網頁中想要製作一個虛線圓形,該怎麼繪製呢?詳細請看下文介紹。

如圖,建立一個div標籤,然後對他添加修飾,設置寬高、邊緣設置以及居中設置

現在效果這樣的,如圖

如果我們想要將實線變成虛線的,我們要修改程式碼中的border值,在border值屬性中有個solid屬性,這個就是實體的意思,我們要修改就改動這裡

在border屬性中有很多的屬性,第一個dashed就是虛線的意思

然後我們將先前的實體改為dashed虛線值,如圖,然後儲存

這時候我麼就會把之前的實體線變成了虛線框了

如果想要將直角的框變成圓角的或直接是圓形框,需要調整border-radius屬性,也就是圓角值設定

如圖,效果明顯

下面我麼看下dotted屬性是怎麼個效果,這個是點的意思

將其換成點狀態,效果也是虛線狀圖案,如圖

以上就是dw製作虛線圓圈的技巧,希望大家喜歡,請繼續關注downcodes.com。