3ピクセルのドット線 その3

• 2pxの直線その1
• 2pxの直線その2
• 2pxの直線その3
• 2pxの直線その4
• 2pxの直線その5
• 2pxの直線その6

• 3pxのダッシュ線その1
• 3pxのダッシュ線その2
• 3pxのダッシュ線その3
• 3pxのダッシュ線その4
• 3pxのダッシュ線その5
• 3pxのダッシュ線その6

• 3pxのドット線その1
• 3pxのドット線その2
• 3pxのドット線その3
• 3pxのドット線その4
• 3pxのドット線その5
• 3pxのドット線その6

• 3pxの二重線その1
• 3pxの二重線その2
• 3pxの二重線その3
• 3pxの二重線その4
• 3pxの二重線その5
• 3pxの二重線その6

テキストエリアの中をコピペしてご利用ください

<div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #660000; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #660033; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #660066; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #660099; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6600CC; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6600FF; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #663300; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #663333; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #663366; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #663399; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6633CC; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6633FF; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #666600; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #666633; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #666666; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #666699; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6666CC; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6666FF; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #669900; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #669933; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #669966; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #669999; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6699CC; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #6699FF; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66CC00; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66CC33; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66CC66; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66CC99; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66CCCC; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66CCFF; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66FF00; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66FF33; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66FF66; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66FF99; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66FFCC; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div> <div style="text-align: center; background-color: #f1f1f1; border: 3px dotted #66FFFF; margin: 10px 0; padding: 5px;"><div style="background-color: #ffffff; padding: 5px; border: 1px solid #e1e1e1;">ボックス装飾</div></div>

素材のトップへ

スポンサードリンク

SOZAI | 素材

• アイコン素材
  • 防災
  • 鍵
  • 矢印
  • new
  • SALE
  • off
  • カーﾄ
  • ％
  • 相互
  • コチラ
  • リンク
  • ランキング
  • RSS
  • 音符
  • 鍵盤
  • ハート
  • メール
  • ○×
  • 拍手
  • 時計
  • 赤ちゃん
  • ふきだし
  • 顔
  • 天気
  • 動物
  • 魚
  • クラゲ
  • 文具
  • 医療
  • 工具
  • 食器
  • 携帯電話
  • 続きを読む
  • アクア風
  • 植物
  • クローバー
  • きのこ
  • 野菜
  • 食物飲物
  • あめ玉
  • アイス
  • イヤーフォン
  • コンセント
  • テレビ
  • 蛇口
  • 風船
  • マウス
  • 団扇
  • 手裏剣
  • シャボン玉
  • Tシャツ
  • ズボン
  • 拡声器
  • マイク
  • 十字
• 季節素材：春のアイコン
  • 春のアイコン
• 季節素材：梅雨のアイコン
  • 梅雨のアイコン
• 季節素材：夏のアイコン
  • 夏のアイコン
• 季節素材：冬のアイコン
  • 冬のアイコン
  • クリスマス
• ライン素材
  • その1
  • 点線
  • 星の線
  • 魚線
  • クラゲ
  • リンゴ
  • イチゴ
  • ひよこ
  • 猫
  • クローバー
  • ギザギザ
  • 眼鏡
  • 四角線
  • 枯れ葉
  • キノコ
  • ハロウィンのオバケ
  • 矢印
  • もみの木
  • 熊
  • 車
  • コーヒーカップ
  • ナイフ
  • 月
  • 雲
  • ガイコツ
  • ウニ
• 季節素材：春のライン
  • 桜
• 季節素材：梅雨のライン
  • 雨
• 壁紙素材
  • ストライプ 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • ストライプ2-1
  • チェック模様 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 星模様 1
  • 2
  • 3
  • 4
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 水玉模様 1
  • 2
  • 3
  • 4
  • 水玉
  • 水玉反転模様 1
  • 2
  • 印象模様
  • レンガ模様 1
  • 2
  • 3
  • 4
  • 上つき模様 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • きのこ模様
  • 魚模様
  • 2
  • 3
  • 和柄
  • 雨模様
  • 2
  • 3
  • 四角
  • 2
  • 3
  • 4
  • 丸1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 蝶々
  • ダイア1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 旗1
  • 2
  • 雲1
  • 2
  • てるてる坊主1
  • 2
  • 浮き輪
  • スイカ
  • 団子
• 季節素材：春の壁紙
  • 四葉のクローバー
  • 桜の花びら
  • 芝桜
  • カーネーション
• 季節素材：秋の壁紙
  • なめたけ
  • 月見団子
  • ハロウィンのカボチャ
  • 紅葉
  • イチョウ
  • 枯れ葉
• 季節素材：冬の壁紙
  • モミの木 1
  • 2
  • 3
  • 4
  • 5
  • 雪 1
  • 2
  • サンタのブーツ 1
  • 2
• バナー台素材
  • 花
  • シンプル
• HTML&CSS素材
  • ボックス（直線）
  • ボックス（二重線）
  • ボックス素材（ダッシュ線）
  • ボックス素材（点線）
  • ボックス素材 2
• HTML&CSS TIPS
  • 背景画像の指定方法 その1
  • 背景画像の指定方法 その2
  • CSSを強制上書きする
  • ちょっとの気配り〜印刷用のCSS
  • CSSで文字の左・右・中央寄せ
  • 行の高さの指定
  • idとclass
  • CSSで角丸を実現する
  • リンクを好きな色に変える
  • リンクの下線を変更する
  • 文字の間隔を指定する
  • CSSでタイトルを飾ってみる
  • 文章の１字下げを行う
  • 写真に枠線をつけてポラロイド風
  • スクロールバーをつけて省スペース化
  • CSSでマウスカーソルの見た目を変更
• HP作りの小ネタ
  • 検索エンジンに登録しよう
  • HP作成の無料スペース（お小遣い向け可能）
  • ソーシャルサービスへの対応
• 配色TIPS
  • 色見本（ウェブセーフカラー）
  • 4色ジェネレータ

その他

• 利用規約
  • 利用規約を見る