在div上創建自定義虛線邊框的HTML技術？

enter image description here

通知容器周圍的邊框。我怎樣才能達到這個效果的網站？

我已經試過以下規則：

border: 1px dotted black;

並且它導致：

enter image description here

嘗試dashed。

border: 1px dashed #ccc;

2012-05-14 18:46:24 ghoppe

打敗我吧。：P – Nightfirecat

這是不符合完全跨瀏覽器，因爲它是在CSS3新。你可以在這裏閱讀更多關於它的信息：http://www.css3.info/preview/border-image/

更自定義的做法是使用兩個重疊的div，其中一個只通過任一大小或使用填充稍大於另一個。

2012-05-14 18:45:15

您不需要邊框圖像來創建'border：dashed;'，這絕對是矯枉過正。 – Nightfirecat

也許，但這篇文章標題中的問題是如何創建一個CUSTOM邊框。 –

我只是想指出如何使用圖像作爲邊框，因爲它暗示着正在使用自定義的圖像。如果'border：dashed;'就是你想要的，那麼只需使用該CSS就可以。 –

設置margin-top到0.5em上的文字，和border到dashed

看到這個example

對於整個佈局嘗試像this

2012-05-14 18:51:32 jacktheripper

大小的點是控制d由邊框寬度 - 嘗試border: 4px dotted #ccc;

2012-05-14 19:00:00

回答