文章詳情頁
css - 有沒有辦法自定義 border 為 dashed 時的虛線間距?
瀏覽:150日期:2023-08-03 18:23:53
問題描述
CSS 的 border: 1px dashed 樣式太難看了,虛線非常的寬,dotted 也是一樣,間距太窄。
有沒有辦法控制虛線或者點的長度或者間距呢?
問題解答
回答1:Displays a series of short square-ended dashes or line segments. The exact size and length of the segments are not defined by the specification and are implementation-specific.
——MDN
囧,看來沒好辦法。不過你可以用圖片作邊框用。
回答2:沒有辦法。
但SVG線條是可以設置間距的。
path { stroke-dasharray: 4; stroke-dashoffset: 22;}回答3:
如果一定要這樣,使用一下背景圖片也是個選擇,切一小片repeat就好了,而且兼容性很好。但如果是豎邊框的話,就稍微麻煩些。
標簽:
CSS
相關文章:
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. javascript - (_a = [""], _a.raw = [""],....); js一個小括號的是什么意思?3. javascript - 關于微信掃一掃的技術問題4. html - Python2 BeautifulSoup 提取網頁中的表格數據及連接5. javascript - 關于js高級程序中的問題6. html5 - 請問利用font-face定義的字體怎么在canvas里應用?7. 小白學python的問題 關于%d和%s的區別8. html5 - css 這種六邊形的邊框怎么畫?9. javascript - vuex中子組件無法調用公共狀態10. javascript - js正則替換日期格式問題
排行榜
