最近的乙個頁面中碰到的，本來想用 border 來模擬設計圖的虛線效果，但是很明顯 border 效果不如設計圖來的好看。順便研究了下 dashed 和 dotted 的區別。
首先，從字面上來理解，dashed 和 dotted 都是指「虛線」，他們的不同在於：
dashed：來自 dash（破折號），由 dash 組成的虛線
dotted：來自 dot （點），由 dot 組成的虛線，也稱點線
這裡多說幾句廢話，其實參看下 demo，就能從視覺上獲得更直觀的感受了。
下面再說說相關的 bug 吧，當然了，這些 bug 再一次只是光榮地出現在了 ie 下，此處涉及到 ie6 和 ie7。
bug1: 在 ie6 下，1px 寬的 dotted 表現的和 dashed 一樣。當寬度大於 1px 時，表現正常。
bug2:在 ie7 下，當 4 條邊的寬度是 1px 和 其它任意數值共存時，1www.cppcns.compx 的 dotted 表現的和 dashed 一樣。4 條邊的寬度全為 1px，或者為其它不是 1px 的不同值時不會出現這個 bug。
bug3:另外，ie6 下，1px 的 dotted 或者 1px 的 dashed 邊框，在拖動頁面時，有時候邊框會連成實線，有時候會出現缺口。
要解決這些 bug，要麼直接就不用 dotted 而直接用 dashed；要麼用代替；要麼用額外標籤和**來解決。
鑑於只有在邊框寬度為 1px 時才會出現這些 bug，可以設定外包圍標籤的邊框寬度為 2px，通過增加乙個內標籤，設定其為 1px 的內容背景色邊框，再通過設定 margin-top/right/bottom/left: -1px; 來蓋掉外包圍標籤的 1px 邊框，從視覺上實現正常效果。很囉嗦，很討厭，很無奈。
.b6
.b6 .inner
本文標題: css dashed和dotted的區別
本文位址: /web/css/28779.html
和 區別和聯絡， 和 區別和聯絡
和 區別和聯絡，和 區別和聯絡，實際專案中，什麼情況用哪種？首先，和 的聯絡 共同點 和 都可以用作 邏輯與 運算子，都是雙目運算子。具體要看使用時的具體條件來決定。無論使用哪種運算子，對最終的運算結果都沒有影響。情況1 當上述的運算元是boolean型別變數時，和 都可以用作邏輯與運算子。情況2 ...
rpx和樣式和class和flex
5 style 靜態的樣式統一寫到 class 中。style 接收動態的樣式，在執行時會進行解析，請盡量避免將靜態的樣式寫進 style 中，以免影響渲染速度。例 6 class 用於指定樣式規則，其屬性值是樣式規則中類選擇器名 樣式類名 的集合，樣式類名不需要帶上.樣式類名之間用空格分隔。關於f...
if和switch和for語句
if和switch很像。具體什麼場景下，應用那個語句呢？如果判斷的具體數值不多，而是符合byte，short，int，char，字串。這五種型別。雖然兩個語句都可以使用，建議使用switch語句，因為效率稍高。其他情況，對區間判斷，對結果為boolean型別判斷，使用if，if的使用範圍更廣。whi...