2014-04-20

波線・強調する点をつくる CSS

①必要そうな画像を用意。

波線のつくりかた


Fireworksでも簡単にできるみたい
細かい数値をいれるんじゃなくて、右脳操作・・・

【シェイプ】から【波】を選択そのままスライドしてもってくる。あとは好きなように・・・
ウィンドウ→自動シェイプ→波形

※コツ・・・先にギザギザの波線で形をだいたい大きさ長さを決める。
決まったら丸くする、スムーズにする。


---------------- 参考サイト ----------------
・Fireworksで波線を書いてみる | webデザインライダーwebデザインライダー http://ozakku826.sakura.ne.jp/?p=100
------------------------------------------------

↓作ったもの↓





CSSで配置したもの↓


paddingで隙間をつくる。
強調する点は、元からフォントのサイズがわかってないと一字ずつspanで囲まないとなので大変。
波線は特に問題なし。12px用だから大きいのは、大きい波線をつくる・・・か、大き目のを作って縮小するか・・・綺麗に見えれば問題なし。

アマゾン和書/最新の情報