php虛線 如何利用css生成可控虛線

2021-10-22 22:48:35 字數 583 閱讀 3674

實現方式

實現方式,有的人用多個span生成,乙個小圓點就是乙個span,這樣是可以,但是整個狀態改變比較麻煩,有什麼方式生成可以控制的虛線呢?

生成dashed

生成橫向線

生成dashed虛線,一般是通過linear-gradient + background-size實現的,實現**如下:height: 2px;

background: linear-gradient(to right, #000000, #000000 7.5px, transparent 7.5px, transparent);

background-size: 15px 100%;

height,控制虛線的高度,linear-gradient和background-size控制間距和步長

生成豎向線

豎向線和橫向線正好相反,倒過來就可以了。width: 2px;

background: linear-gradient(to bottom, #000000, #000000 7.5px, transparent 7.5px, transparent);

background-size: 100% 15px;

使用CSS實現可修改虛線長度的虛線邊框

最近美工提了乙個問題,能不能修改虛線邊框的虛線長度?我一聽滿臉問號,我記得css的border不能設定虛線長度吧。抱著試一試的心態,我去stock overflow搜了一下,發現可以使用 background image background position background size bac...

利用PHP生成靜態頁面

autohtml.php class shtml 描述 繫結資料來源,引數為一陣列。datasource arr 描述 設定檔案存放路徑。dir dir function setfilename filename function getmod function setmod mod functio...

利用PHP動態生成VRML網頁

多年前本人開始從事三維動畫方面的學習,後學習了php,發現可以通過php動態生成vrml文件,有點類似於generator動態生成flash的方式。由於vrml博大精深,這裡只介紹乙個簡單的例子,還可以將各種vrml結點存入資料庫中,這樣的虛擬實境網頁將 爽!下面是源程式。注意 在伺服器上,要將讓p...