主にウェブ製作者が喜ぶTips。CSSで書くボーダーって、Solid表示以外にもDottedとかありますよね。けどアレってブラウザによって見え方がまちまちで、「ちゃんとSafariみたく表示せんかいｄｒｆｔｇｙふじこ！！」ってなった経験ありません？　わたしはございますので最近じゃボーダー指定はめっきり使わなくなってしまいました。こちらではその解決策を画像のbackground表示によって解決してます。白黒ドットの2×2のgifを1枚用意して、そいつを特定のDivなどのコンテナbackgroundに指定。あとはそこに画像を放り込んで、paddingを1pxにすればオッケ。コチラではその応用例が掲載されてます。imgタグの白ボーダーと組み合わせるってのもイイ感じ。2×2のドット絵も上がっています。早速仕事で使えそうな小技ですね。
Dotted image border >>