時間:2022-12-06來源:www.nowordz.com作者:電腦系統城
如圖,建立一個div標簽,然后對他添加修飾,設置寬高、邊緣設置以及居中設置
現在效果這樣的,如圖
如果我們想要將實線變成虛線的 ,我們要修改代碼中的border值,在border值屬性中有個solid屬性,這個就是實體的意思,我們要修改就改動這里
在border屬性中有很多的屬性,第一個dashed就是虛線的意思
然后我們將之前的實體改成為dashed虛線值,如圖,然后保存
這時候我么就會將之前的實體線變成了虛線框了
如果想要將直角的框變成圓角的或者直接是圓形框,需要調節border-radius屬性,也就是圓角值設置
如圖,效果明顯
下面我么看下dotted屬性是怎么個效果,這個是點的意思
將其換成點狀態,效果也是虛線狀圖案,如圖
以上就是dw制作虛線圓圈的技巧,希望大家喜歡。
2023-03-06
dw調節一個角的角度代碼技巧 HTML怎么角度代碼調節一個角的角度?2022-09-12
HTML靜態頁面獲取url參數和UserAgent的實現2022-09-12
html網頁引入svg圖片的4種方式主要介紹了巧用 -webkit-box-reflect 倒影實現各類動效(小結),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值...
2021-04-22